@charset "UTF-8";
:root {
    --brand-name: 'part';
    --msl-borderRadius-00: 0px;
    --msl-borderRadius-100: 8px;
    --msl-borderRadius-150: 12px;
    --msl-borderRadius-200: 16px;
    --msl-borderRadius-25: 2px;
    --msl-borderRadius-250: 20px;
    --msl-borderRadius-300: 24px;
    --msl-borderRadius-400: 32px;
    --msl-borderRadius-50: 4px;
    --msl-borderRadius-500: 40px;
    --msl-borderRadius-75: 6px;
    --msl-borderRadius-full: 999px;
    --msl-spacing-00: 0px;
    --msl-spacing-100: 8px;
    --msl-spacing-150: 12px;
    --msl-spacing-200: 16px;
    --msl-spacing-250: 20px;
    --msl-spacing-300: 24px;
    --msl-spacing-400: 32px;
    --msl-spacing-50: 4px;
    --msl-spacing-500: 40px;
    --msl-spacing-75: 6px;
    --msl-spacing-800: 64px;
    --msl-artwork-blue-100: #d4f0f4;
    --msl-artwork-blue-200: #b7e6ee;
    --msl-artwork-blue-300: #92d6e1;
    --msl-artwork-blue-400: #6bc0ce;
    --msl-artwork-blue-50: #e0f3f6;
    --msl-artwork-blue-500: #3ba9b9;
    --msl-artwork-blue-600: #0a94a8;
    --msl-artwork-blue-700: #1c6a77;
    --msl-artwork-blue-800: #004f58;
    --msl-artwork-blue-900: #00363d;
    --msl-artwork-blue-a10: #3ba9b91a;
    --msl-artwork-blue-a15: #3ba9b926;
    --msl-artwork-blue-a20: #3ba9b933;
    --msl-artwork-blue-a30: #3ba9b94d;
    --msl-artwork-blue-a40: #3ba9b966;
    --msl-artwork-blue-a50: #3ba9b980;
    --msl-artwork-blue-a60: #3ba9b999;
    --msl-artwork-blue-a7: #3ba9b912;
    --msl-artwork-blue-a80: #3ba9b9cc;
    --msl-artwork-green-100: #c9f3e1;
    --msl-artwork-green-200: #aef3d6;
    --msl-artwork-green-300: #56e1b1;
    --msl-artwork-green-400: #1bcb99;
    --msl-artwork-green-50: #dbf8eb;
    --msl-artwork-green-500: #00ac80;
    --msl-artwork-green-600: #008966;
    --msl-artwork-green-700: #006f51;
    --msl-artwork-green-800: #00513a;
    --msl-artwork-green-900: #003727;
    --msl-artwork-green-a10: #00ac801a;
    --msl-artwork-green-a15: #00ac8026;
    --msl-artwork-green-a20: #00ac8033;
    --msl-artwork-green-a30: #00ac804d;
    --msl-artwork-green-a40: #00ac8066;
    --msl-artwork-green-a50: #00ac8080;
    --msl-artwork-green-a60: #00ac8099;
    --msl-artwork-green-a7: #00ac8012;
    --msl-artwork-green-a80: #00ac80cc;
    --msl-artwork-grey-0: #fff;
    --msl-artwork-grey-0-a10: #ffffff1a;
    --msl-artwork-grey-0-a15: #ffffff26;
    --msl-artwork-grey-0-a20: #fff3;
    --msl-artwork-grey-0-a30: #ffffff4d;
    --msl-artwork-grey-0-a40: #fff6;
    --msl-artwork-grey-0-a50: #ffffff80;
    --msl-artwork-grey-0-a60: #fff9;
    --msl-artwork-grey-0-a7: #ffffff12;
    --msl-artwork-grey-0-a80: #fffc;
    --msl-artwork-grey-100: #edeef1;
    --msl-artwork-grey-1000: #000;
    --msl-artwork-grey-1000-a10: #0716211a;
    --msl-artwork-grey-1000-a15: #07162126;
    --msl-artwork-grey-1000-a20: #07162133;
    --msl-artwork-grey-1000-a30: #0716214d;
    --msl-artwork-grey-1000-a40: #07162166;
    --msl-artwork-grey-1000-a50: #07162180;
    --msl-artwork-grey-1000-a60: #07162199;
    --msl-artwork-grey-1000-a7: #07162112;
    --msl-artwork-grey-1000-a80: #071621cc;
    --msl-artwork-grey-200: #d9dbe3;
    --msl-artwork-grey-300: #bcc0cd;
    --msl-artwork-grey-400: #aeb2c0;
    --msl-artwork-grey-50: #f6f7f9;
    --msl-artwork-grey-500: #959bb0;
    --msl-artwork-grey-600: #666e8a;
    --msl-artwork-grey-700: #465266;
    --msl-artwork-grey-800: #253142;
    --msl-artwork-grey-900: #19212d;
    --msl-artwork-grey-a10: #959bb01a;
    --msl-artwork-grey-a15: #959bb026;
    --msl-artwork-grey-a20: #959bb033;
    --msl-artwork-grey-a30: #959bb04d;
    --msl-artwork-grey-a40: #959bb066;
    --msl-artwork-grey-a50: #959bb080;
    --msl-artwork-grey-a60: #959bb099;
    --msl-artwork-grey-a7: #959bb012;
    --msl-artwork-grey-a80: #959bb0cc;
    --msl-artwork-pink-100: #f9e5ff;
    --msl-artwork-pink-200: #f6d3ff;
    --msl-artwork-pink-300: #f0baff;
    --msl-artwork-pink-400: #e397f7;
    --msl-artwork-pink-50: #fbecff;
    --msl-artwork-pink-500: #c556e1;
    --msl-artwork-pink-600: #ae3eca;
    --msl-artwork-pink-700: #911aac;
    --msl-artwork-pink-800: #720089;
    --msl-artwork-pink-900: #530065;
    --msl-artwork-pink-a10: #c556e11a;
    --msl-artwork-pink-a15: #c556e126;
    --msl-artwork-pink-a20: #c556e133;
    --msl-artwork-pink-a30: #c556e14d;
    --msl-artwork-pink-a40: #c556e166;
    --msl-artwork-pink-a50: #c556e180;
    --msl-artwork-pink-a60: #c556e199;
    --msl-artwork-pink-a7: #c556e112;
    --msl-artwork-pink-a80: #c556e1cc;
    --msl-artwork-primary-100: #d1f0e7;
    --msl-artwork-primary-200: #b4e6d8;
    --msl-artwork-primary-300: #8ad6c2;
    --msl-artwork-primary-400: #67c3ad;
    --msl-artwork-primary-50: #eff7f5;
    --msl-artwork-primary-500: #48a38e;
    --msl-artwork-primary-600: #308276;
    --msl-artwork-primary-700: #007461;
    --msl-artwork-primary-800: #075144;
    --msl-artwork-primary-900: #093e36;
    --msl-artwork-primary-a10: #48a38e1a;
    --msl-artwork-primary-a15: #48a38e26;
    --msl-artwork-primary-a20: #48a38e33;
    --msl-artwork-primary-a30: #48a38e4d;
    --msl-artwork-primary-a40: #48a38e66;
    --msl-artwork-primary-a50: #48a38e80;
    --msl-artwork-primary-a60: #48a38e99;
    --msl-artwork-primary-a7: #48a38e12;
    --msl-artwork-primary-a80: #48a38ecc;
    --msl-artwork-purple-100: #ebe5ff;
    --msl-artwork-purple-200: #e2d9ff;
    --msl-artwork-purple-300: #d3c5ff;
    --msl-artwork-purple-400: #bea6ff;
    --msl-artwork-purple-50: #f1edff;
    --msl-artwork-purple-500: #a67cff;
    --msl-artwork-purple-600: #8e55f0;
    --msl-artwork-purple-700: #7d41db;
    --msl-artwork-purple-800: #572c9b;
    --msl-artwork-purple-900: #3c1273;
    --msl-artwork-purple-a10: #a67cff1a;
    --msl-artwork-purple-a15: #a67cff26;
    --msl-artwork-purple-a20: #a67cff33;
    --msl-artwork-purple-a30: #a67cff4d;
    --msl-artwork-purple-a40: #a67cff66;
    --msl-artwork-purple-a50: #a67cff80;
    --msl-artwork-purple-a60: #a67cff99;
    --msl-artwork-purple-a7: #a67cff12;
    --msl-artwork-purple-a80: #a67cffcc;
    --msl-artwork-rainee-100: #e5ebe5;
    --msl-artwork-rainee-200: #d8e1d8;
    --msl-artwork-rainee-300: #c4d0c4;
    --msl-artwork-rainee-400: #a7bba7;
    --msl-artwork-rainee-50: #edf0ed;
    --msl-artwork-rainee-500: #7e937e;
    --msl-artwork-rainee-600: #697c6a;
    --msl-artwork-rainee-700: #5b655b;
    --msl-artwork-rainee-800: #414b41;
    --msl-artwork-rainee-900: #293229;
    --msl-artwork-rainee-a10: #7e937e1a;
    --msl-artwork-rainee-a15: #7e937e26;
    --msl-artwork-rainee-a20: #7e937e33;
    --msl-artwork-rainee-a30: #7e937e4d;
    --msl-artwork-rainee-a40: #7e937e66;
    --msl-artwork-rainee-a50: #7e937e80;
    --msl-artwork-rainee-a60: #7e937e99;
    --msl-artwork-rainee-a7: #8d978d12;
    --msl-artwork-rainee-a80: #7e937ecc;
    --msl-artwork-red-100: #ffe4e3;
    --msl-artwork-red-200: #ffd3d2;
    --msl-artwork-red-300: #ffbbba;
    --msl-artwork-red-400: #ff9798;
    --msl-artwork-red-50: #ffebea;
    --msl-artwork-red-500: #f14959;
    --msl-artwork-red-600: #d32d44;
    --msl-artwork-red-700: #b91d36;
    --msl-artwork-red-800: #891627;
    --msl-artwork-red-900: #62181f;
    --msl-artwork-red-a10: #f149591a;
    --msl-artwork-red-a15: #f1495926;
    --msl-artwork-red-a20: #f1495933;
    --msl-artwork-red-a30: #f149594d;
    --msl-artwork-red-a40: #f1495966;
    --msl-artwork-red-a50: #f1495980;
    --msl-artwork-red-a60: #f1495999;
    --msl-artwork-red-a7: #f1495912;
    --msl-artwork-red-a80: #f14959cc;
    --msl-artwork-secondary-100: #d8eef3;
    --msl-artwork-secondary-200: #bae3ec;
    --msl-artwork-secondary-300: #97d5e1;
    --msl-artwork-secondary-400: #6cc0d0;
    --msl-artwork-secondary-50: #eef7f9;
    --msl-artwork-secondary-500: #33a9be;
    --msl-artwork-secondary-600: #0a94a8;
    --msl-artwork-secondary-700: #006b7a;
    --msl-artwork-secondary-800: #004652;
    --msl-artwork-secondary-900: #003740;
    --msl-artwork-secondary-a10: #33a9be1a;
    --msl-artwork-secondary-a15: #33a9be26;
    --msl-artwork-secondary-a20: #33a9be33;
    --msl-artwork-secondary-a30: #33a9be4d;
    --msl-artwork-secondary-a40: #33a9be66;
    --msl-artwork-secondary-a50: #33a9be80;
    --msl-artwork-secondary-a60: #33a9be99;
    --msl-artwork-secondary-a7: #33a9be12;
    --msl-artwork-secondary-a80: #33a9becc;
    --msl-artwork-tertiary-100: #d8ead7;
    --msl-artwork-tertiary-200: #c2e4c0;
    --msl-artwork-tertiary-300: #a0d7a2;
    --msl-artwork-tertiary-400: #89c08c;
    --msl-artwork-tertiary-50: #f4f9f3;
    --msl-artwork-tertiary-500: #6ea371;
    --msl-artwork-tertiary-600: #4f8352;
    --msl-artwork-tertiary-700: #3b6e3f;
    --msl-artwork-tertiary-800: #1e5224;
    --msl-artwork-tertiary-900: #00390b;
    --msl-artwork-tertiary-a10: #6ea3711a;
    --msl-artwork-tertiary-a15: #6ea37126;
    --msl-artwork-tertiary-a20: #6ea37133;
    --msl-artwork-tertiary-a30: #6ea3714d;
    --msl-artwork-tertiary-a40: #6ea37166;
    --msl-artwork-tertiary-a50: #6ea37180;
    --msl-artwork-tertiary-a60: #6ea37199;
    --msl-artwork-tertiary-a7: #6ea37112;
    --msl-artwork-tertiary-a80: #6ea371cc;
    --msl-artwork-yellow-100: #ffeda9;
    --msl-artwork-yellow-200: #ffe271;
    --msl-artwork-yellow-300: #f8d10a;
    --msl-artwork-yellow-400: #ddb000;
    --msl-artwork-yellow-50: #fff6d1;
    --msl-artwork-yellow-500: #ba9300;
    --msl-artwork-yellow-600: #8d7600;
    --msl-artwork-yellow-700: #746000;
    --msl-artwork-yellow-800: #574800;
    --msl-artwork-yellow-900: #403500;
    --msl-artwork-yellow-a10: #ba93001a;
    --msl-artwork-yellow-a15: #ba930026;
    --msl-artwork-yellow-a20: #ba930033;
    --msl-artwork-yellow-a30: #ba93004d;
    --msl-artwork-yellow-a40: #ba930066;
    --msl-artwork-yellow-a50: #ba930080;
    --msl-artwork-yellow-a60: #ba930099;
    --msl-artwork-yellow-a7: #ba930012;
    --msl-artwork-yellow-a80: #ba9300cc;
    --msl-bg-blue: #0a94a8;
    --msl-bg-blue-minimal: #e0f3f6;
    --msl-bg-blue-transparent: #3ba9b926;
    --msl-bg-brand-accent: #004652;
    --msl-bg-brand-minimal: #f4f9f3;
    --msl-bg-brand-moderate: #d8ead7;
    --msl-bg-brand-neutral: #edf0ed;
    --msl-bg-brand-primary: #007461;
    --msl-bg-brand-secondary: #308276;
    --msl-bg-brand-tertiary: #0a94a8;
    --msl-bg-contact: #009c8c;
    --msl-bg-contrast: #19212d;
    --msl-bg-critical: #ca2f2e;
    --msl-bg-critical-minimal: #ffedeb;
    --msl-bg-critical-transparent: #f26a6326;
    --msl-bg-disabled: #edeef1;
    --msl-bg-elmt-accent: #004652;
    --msl-bg-elmt: #fff;
    --msl-bg-elmt-minimal: #f6f7f9;
    --msl-bg-elmt-moderate: #bcc0cd;
    --msl-bg-green: #008966;
    --msl-bg-green-minimal: #dbf8eb;
    --msl-bg-green-transparent: #00ac8026;
    --msl-bg-highlight: #6ea3711a;
    --msl-bg-hover: #7e937e1a;
    --msl-bg-info: #097faf;
    --msl-bg-info-minimal: #e9f5fd;
    --msl-bg-info-transparent: #5aaad526;
    --msl-bg-neutral: #666e8a;
    --msl-bg-neutral-minimal: #f6f7f9;
    --msl-bg-neutral-transparent: #959bb026;
    --msl-bg-notification: #e62f44;
    --msl-bg-overlay: #07162180;
    --msl-bg-page: #fff;
    --msl-bg-pink: #ae3eca;
    --msl-bg-pink-minimal: #fbecff;
    --msl-bg-pink-transparent: #c556e126;
    --msl-bg-pressed: #7e937e33;
    --msl-bg-primary: #007461;
    --msl-bg-primary-hover: #075144;
    --msl-bg-primary-pressed: #004652;
    --msl-bg-purple: #8e55f0;
    --msl-bg-purple-minimal: #f1edff;
    --msl-bg-purple-transparent: #a67cff26;
    --msl-bg-readonly: #edeef1;
    --msl-bg-readonly-strong: #666e8a;
    --msl-bg-red: #d32d44;
    --msl-bg-red-minimal: #ffebea;
    --msl-bg-red-transparent: #f1495926;
    --msl-bg-reverse-disabled: #07162133;
    --msl-bg-reverse-hover: #0716214d;
    --msl-bg-reverse-pressed: #07162180;
    --msl-bg-success: #008037;
    --msl-bg-success-minimal: #eaf5eb;
    --msl-bg-success-transparent: #44ac6026;
    --msl-bg-surface: #fff;
    --msl-bg-surface-minimal: #f6f7f9;
    --msl-bg-surface-on-minimal: #fff;
    --msl-bg-warning: #c85207;
    --msl-bg-warning-minimal: #ffeee7;
    --msl-bg-warning-transparent: #f8824b26;
    --msl-bg-yellow: #8d7600;
    --msl-bg-yellow-minimal: #fff6d1;
    --msl-bg-yellow-transparent: #ba930026;
    --msl-border-critical: #ae0014;
    --msl-border: #959bb0;
    --msl-border-disabled: #aeb2c0;
    --msl-border-focusIndicator: #0a94a8;
    --msl-border-focusIndicator-reverse: #fff;
    --msl-border-info: #16688d;
    --msl-border-minimal: #d9dbe3;
    --msl-border-moderate: #aeb2c0;
    --msl-border-primary: #007461;
    --msl-border-primary-hover: #075144;
    --msl-border-primary-pressed: #004652;
    --msl-border-reverse: #fff;
    --msl-border-reverse-disabled: #aeb2c0;
    --msl-border-success: #137128;
    --msl-border-warning: #a64100;
    --msl-divider-critical: #f26a6326;
    --msl-divider: #aeb2c0;
    --msl-divider-info: #5aaad526;
    --msl-divider-minimal: #edeef1;
    --msl-divider-primary: #007461;
    --msl-divider-reverse: #465266;
    --msl-divider-success: #44ac6026;
    --msl-divider-warning: #f8824b26;
    --msl-filler-bg: #d9dbe3;
    --msl-filler-bg-minimal: #f6f7f9;
    --msl-filler-icon: #fff;
    --msl-filler-sheen: #f6f7f9;
    --msl-shadowColor-l: #293d5e4d;
    --msl-shadowColor-m: #293d5e26;
    --msl-shadowColor-s: #293d5e1a;
    --msl-shadowColor-sticky: #293d5e80;
    --msl-text-accent: #004652;
    --msl-text-blue: #1c6a77;
    --msl-text-cancel: #ae0014;
    --msl-text-cancel-pressed: #62181f;
    --msl-text-contact: #009c8c;
    --msl-text-critical: #ae0014;
    --msl-text-critical-hover: #5d0000;
    --msl-text-critical-pressed: #540000;
    --msl-text: #19212d;
    --msl-text-disabled: #465266;
    --msl-text-green: #006f51;
    --msl-text-info: #16688d;
    --msl-text-info-hover: #003a53;
    --msl-text-info-pressed: #003147;
    --msl-text-moderate: #666e8a;
    --msl-text-neutral: #465266;
    --msl-text-on-primary: #fff;
    --msl-text-pink: #911aac;
    --msl-text-primary: #007461;
    --msl-text-primary-hover: #075144;
    --msl-text-primary-pressed: #004652;
    --msl-text-purple: #7d41db;
    --msl-text-readonly: #253142;
    --msl-text-red: #b91d36;
    --msl-text-reverse: #fff;
    --msl-text-reverse-disabled: #aeb2c0;
    --msl-text-success: #137128;
    --msl-text-success-hover: #003901;
    --msl-text-success-pressed: #093108;
    --msl-text-warning: #a64100;
    --msl-text-warning-hover: #632400;
    --msl-text-warning-pressed: #511c00;
    --msl-text-yellow: #746000;
    --msl-text-marketing: #0e01a6;
    --msl-text-lavender: #0e01a6;
    --msl-text-on-marketing: #fff;
    --msl-bg-marketing-minimal: #f1f1ff;
    --msl-bg-marketing: #6768e3;
    --msl-bg-marketing-hover: #5159ea;
    --msl-bg-marketing-pressed: #453add;
    --msl-bg-lavender: #c7c7fa;
    --msl-button-borderRadius: var(--msl-borderRadius-full);
    --msl-button-paddingHorizontal: var(--msl-spacing-200);
    --msl-button-paddingVertical: var(--msl-spacing-100);
    --msl-button-primary-bg: var(--msl-bg-primary);
    --msl-button-primary-bg-disabled: var(--msl-bg-disabled);
    --msl-button-primary-bg-hover: var(--msl-bg-primary-hover);
    --msl-button-primary-bg-pressed: var(--msl-bg-primary-pressed);
    --msl-button-primary-reverse-bg: var(--msl-bg-elmt);
    --msl-button-primary-reverse-bg-disabled: var(--msl-bg-disabled);
    --msl-button-primary-reverse-bg-hover: var(--msl-bg-hover);
    --msl-button-primary-reverse-bg-pressed: var(--msl-bg-pressed);
    --msl-button-primary-reverse-text: var(--msl-text-primary);
    --msl-button-primary-reverse-text-disabled: var(--msl-text-disabled);
    --msl-button-primary-reverse-text-hover: var(--msl-text-primary-hover);
    --msl-button-primary-reverse-text-pressed: var(--msl-text-primary-pressed);
    --msl-button-primary-text: var(--msl-text-on-primary);
    --msl-button-primary-text-disabled: var(--msl-text-disabled);
    --msl-button-primary-text-hover: var(--msl-text-on-primary);
    --msl-button-primary-text-pressed: var(--msl-text-on-primary);
    --msl-button-secondary-bg-hover: var(--msl-bg-hover);
    --msl-button-secondary-bg-pressed: var(--msl-bg-pressed);
    --msl-button-secondary-borderColor: var(--msl-border-primary);
    --msl-button-secondary-borderColor-disabled: var(--msl-border-disabled);
    --msl-button-secondary-borderColor-hover: var(--msl-border-primary-hover);
    --msl-button-secondary-borderColor-pressed: var(--msl-border-primary-pressed);
    --msl-button-secondary-reverse-bg-disabled: var(--msl-bg-reverse-disabled);
    --msl-button-secondary-reverse-bg-hover: var(--msl-bg-reverse-hover);
    --msl-button-secondary-reverse-bg-pressed: var(--msl-bg-reverse-pressed);
    --msl-button-secondary-reverse-borderColor: var(--msl-border-reverse);
    --msl-button-secondary-reverse-borderColor-disabled: var(--msl-border-reverse-disabled);
    --msl-button-secondary-reverse-borderColor-hover: var(--msl-border-reverse);
    --msl-button-secondary-reverse-borderColor-pressed: var(--msl-border-reverse);
    --msl-button-secondary-reverse-text: var(--msl-text-reverse);
    --msl-button-secondary-reverse-text-disabled: var(--msl-text-reverse-disabled);
    --msl-button-secondary-reverse-text-hover: var(--msl-text-reverse);
    --msl-button-secondary-reverse-text-pressed: var(--msl-text-reverse);
    --msl-button-secondary-text: var(--msl-text-primary);
    --msl-button-secondary-text-disabled: var(--msl-text-disabled);
    --msl-button-secondary-text-hover: var(--msl-text-primary-hover);
    --msl-button-secondary-text-pressed: var(--msl-text-primary-pressed);
    --msl-checkbox-bg: var(--msl-bg-elmt);
    --msl-checkbox-bg-disabled: var(--msl-bg-disabled);
    --msl-checkbox-bg-hover: var(--msl-bg-hover);
    --msl-checkbox-bg-pressed: var(--msl-bg-pressed);
    --msl-checkbox-bg-readonly: var(--msl-bg-readonly-strong);
    --msl-checkbox-bg-selected: var(--msl-bg-primary);
    --msl-checkbox-bg-selected-hover: var(--msl-bg-primary-hover);
    --msl-checkbox-bg-selected-pressed: var(--msl-bg-primary-pressed);
    --msl-checkbox-borderColor: var(--msl-border);
    --msl-checkbox-borderColor-disabled: var(--msl-border-disabled);
    --msl-checkbox-borderColor-error: var(--msl-border-critical);
    --msl-checkbox-borderColor-readonly: var(--msl-bg-readonly-strong);
    --msl-checkbox-borderColor-selected: var(--msl-border-primary);
    --msl-checkbox-borderColor-selected-hover: var(--msl-bg-primary-hover);
    --msl-checkbox-borderColor-selected-pressed: var(--msl-bg-primary-pressed);
    --msl-checkbox-icon-readonly: var(--msl-text-reverse);
    --msl-checkbox-icon-selected: var(--msl-bg-elmt);
    --msl-checkbox-text: var(--msl-text);
    --msl-checkbox-text-disabled: var(--msl-text-disabled);
    --msl-checkbox-text-readonly: var(--msl-text-readonly);
    --msl-chip-bg: var(--msl-bg-elmt);
    --msl-chip-bg-disabled: var(--msl-bg-disabled);
    --msl-chip-bg-hover: var(--msl-bg-hover);
    --msl-chip-bg-pressed: var(--msl-bg-pressed);
    --msl-chip-bg-readonly: var(--msl-bg-readonly);
    --msl-chip-borderRadius: var(--msl-borderRadius-full);
    --msl-chip-paddingHorizontal: var(--msl-spacing-200);
    --msl-chip-paddingVertical: var(--msl-spacing-100);
    --msl-chip-text: var(--msl-text-primary);
    --msl-chip-text-disabled: var(--msl-text-disabled);
    --msl-chip-text-hover: var(--msl-text-primary-hover);
    --msl-chip-text-pressed: var(--msl-text-primary-pressed);
    --msl-chip-text-readonly: var(--msl-text-readonly);
    --msl-collapse-bg: var(--msl-bg-elmt);
    --msl-collapse-bg-disabled: var(--msl-bg-disabled);
    --msl-collapse-bg-hover: var(--msl-bg-hover);
    --msl-collapse-bg-pressed: var(--msl-bg-pressed);
    --msl-collapse-borderRadius: var(--msl-borderRadius-150);
    --msl-datepicker-dialog-bg: var(--msl-bg-elmt);
    --msl-datepicker-dialog-header-bg: var(--msl-bg-primary);
    --msl-datepicker-dialog-header-text: var(--msl-text-on-primary);
    --msl-datepicker-option-bg-active: var(--msl-bg-primary);
    --msl-datepicker-option-bg-hover: var(--msl-bg-hover);
    --msl-datepicker-option-text-active: var(--msl-text-on-primary);
    --msl-datepicker-option-text-current: var(--msl-text-primary);
    --msl-datepicker-option-text: var(--msl-text);
    --msl-datepicker-option-text-disabled: var(--msl-text-disabled);
    --msl-errorBanner-bg: var(--msl-bg-elmt-minimal);
    --msl-errorBanner-text: var(--msl-text-moderate);
    --msl-focusIndicator: var(--msl-border-focusIndicator);
    --msl-iconButton-bg: var(--msl-bg-elmt);
    --msl-iconButton-bg-disabled: var(--msl-bg-disabled);
    --msl-iconButton-bg-hover: var(--msl-bg-hover);
    --msl-iconButton-bg-pressed: var(--msl-bg-pressed);
    --msl-iconButton-text: var(--msl-text-primary);
    --msl-iconButton-text-disabled: var(--msl-text-disabled);
    --msl-iconButton-text-hover: var(--msl-text-primary-hover);
    --msl-iconButton-text-pressed: var(--msl-text-primary-pressed);
    --msl-input-bg-active: var(--msl-bg-elmt);
    --msl-input-bg: var(--msl-bg-elmt);
    --msl-input-bg-disabled: var(--msl-bg-disabled);
    --msl-input-bg-focus: var(--msl-bg-elmt);
    --msl-input-bg-hover: var(--msl-bg-hover);
    --msl-input-bg-readonly: var(--msl-bg-readonly);
    --msl-input-borderColor-active: var(--msl-border-primary);
    --msl-input-borderColor: var(--msl-border);
    --msl-input-borderColor-error: var(--msl-border-critical);
    --msl-input-borderColor-focus: var(--msl-border-focusIndicator);
    --msl-input-borderColor-hover: var(--msl-border);
    --msl-input-icon-active: var(--msl-text-primary-pressed);
    --msl-input-icon: var(--msl-text-primary);
    --msl-input-icon-disabled: var(--msl-text-disabled);
    --msl-input-placeholder-text: var(--msl-text-moderate);
    --msl-input-placeholder-text-disabled: var(--msl-text-disabled);
    --msl-input-placeholder-text-readonly: var(--msl-text-readonly);
    --msl-input-text: var(--msl-text);
    --msl-input-text-disabled: var(--msl-text-disabled);
    --msl-input-text-readonly: var(--msl-text-readonly);
    --msl-inputCode-bg: var(--msl-bg-elmt-minimal);
    --msl-inputCode-borderColor-error: var(--msl-border-critical);
    --msl-inputCode-text: var(--msl-text);
    --msl-inputCode-text-empty: var(--msl-text-moderate);
    --msl-label-instructions-text: var(--msl-text-moderate);
    --msl-label-text: var(--msl-text);
    --msl-link-text: var(--msl-text-primary);
    --msl-link-text-disabled: var(--msl-text-disabled);
    --msl-link-text-hover: var(--msl-text-primary-hover);
    --msl-link-text-pressed: var(--msl-text-primary-pressed);
    --msl-modal-bg: var(--msl-bg-surface);
    --msl-modal-borderRadius: var(--msl-borderRadius-250);
    --msl-overlay: var(--msl-bg-overlay);
    --msl-pagination-item-bg-current: var(--msl-bg-primary);
    --msl-pagination-item-bg-hover: var(--msl-bg-hover);
    --msl-pagination-item-bg-pressed: var(--msl-bg-pressed);
    --msl-pagination-item-text-current: var(--msl-text-on-primary);
    --msl-pagination-item-text: var(--msl-text);
    --msl-progressBar-bg-active: var(--msl-bg-primary);
    --msl-progressBar-bg: var(--msl-bg-elmt-moderate);
    --msl-progressBar-bg-disabled: var(--msl-bg-disabled);
    --msl-progressBar-bg-error: var(--msl-bg-critical);
    --msl-progressBar-bg-hover: var(--msl-bg-primary-hover);
    --msl-progressBar-bg-pressed: var(--msl-bg-primary-pressed);
    --msl-progressBar-bg-readonly: var(--msl-bg-readonly-strong);
    --msl-radio-bg: var(--msl-bg-elmt);
    --msl-radio-bg-disabled: var(--msl-bg-disabled);
    --msl-radio-bg-hover: var(--msl-bg-hover);
    --msl-radio-bg-pressed: var(--msl-bg-pressed);
    --msl-radio-bg-readonly: var(--msl-bg-readonly);
    --msl-radio-bg-selected: var(--msl-bg-elmt);
    --msl-radio-borderColor: var(--msl-border);
    --msl-radio-borderColor-disabled: var(--msl-border);
    --msl-radio-borderColor-error: var(--msl-border-critical);
    --msl-radio-borderColor-readonly: var(--msl-bg-readonly-strong);
    --msl-radio-borderColor-selected: var(--msl-border-primary);
    --msl-radio-borderColor-selected-hover: var(--msl-border);
    --msl-radio-borderColor-selected-pressed: var(--msl-border);
    --msl-radioCard-bg: var(--msl-bg-elmt);
    --msl-radioCard-bg-disabled: var(--msl-bg-disabled);
    --msl-radioCard-bg-hover: var(--msl-bg-hover);
    --msl-radioCard-bg-pressed: var(--msl-bg-pressed);
    --msl-radioCard-bg-readonly: var(--msl-radio-bg-readonly);
    --msl-radioCard-bg-readonly-selected: var(--msl-bg-readonly-strong);
    --msl-radioCard-bg-selected: var(--msl-bg-primary);
    --msl-radioCard-borderColor-error: var(--msl-border-critical);
    --msl-radioCard-borderColor-selected: var(--msl-border-primary);
    --msl-radioCard-icon: var(--msl-text-primary);
    --msl-radioCard-icon-disabled: var(--msl-text-disabled);
    --msl-radioCard-icon-hover: var(--msl-text-primary-hover);
    --msl-radioCard-icon-pressed: var(--msl-text-primary-pressed);
    --msl-radioCard-text: var(--msl-text);
    --msl-radioCard-text-disabled: var(--msl-text-disabled);
    --msl-radioCard-text-readonly: var(--msl-text-readonly);
    --msl-radioCard-text-readonly-selected: var(--msl-text-reverse-disabled);
    --msl-radioCard-text-selected: var(--msl-text-on-primary);
    --msl-scroll-thumb-bg: var(--msl-bg-primary);
    --msl-segmentedFilter-bg: var(--msl-bg-elmt);
    --msl-segmentedFilter-option-bg-active: var(--msl-bg-primary);
    --msl-segmentedFilter-option-bg-hover: var(--msl-bg-hover);
    --msl-segmentedFilter-option-text-active: var(--msl-text-on-primary);
    --msl-segmentedFilter-text: var(--msl-text);
    --msl-select-listbox-bg: var(--msl-bg-elmt);
    --msl-select-listbox-bg-hover: var(--msl-bg-hover);
    --msl-select-listbox-borderRadius: var(--msl-borderRadius-150);
    --msl-select-listbox-text: var(--msl-text);
    --msl-select-listbox-text-hover: var(--msl-text);
    --msl-select-listbox-text-search: var(--msl-text-moderate);
    --msl-select-listbox-text-search-match: var(--msl-text);
    --msl-select-listbox-text-selected: var(--msl-text-primary);
    --msl-spinner-bg: var(--msl-bg-brand-primary);
    --msl-step-bg-active: var(--msl-bg-primary);
    --msl-step-bg: var(--msl-bg-page);
    --msl-step-bg-disabled: var(--msl-bg-elmt);
    --msl-step-bg-editable: var(--msl-bg-elmt);
    --msl-step-bg-hover: var(--msl-bg-hover);
    --msl-step-bg-valid: var(--msl-bg-success-transparent);
    --msl-step-borderColor-active: var(--msl-bg-primary);
    --msl-step-borderColor-disabled: var(--msl-border-minimal);
    --msl-step-borderColor-editable: var(--msl-bg-elmt);
    --msl-step-borderColor-hover: var(--msl-bg-hover);
    --msl-step-borderColor-valid: var(--msl-bg-success-transparent);
    --msl-step-index-active: var(--msl-text-on-primary);
    --msl-step-index-disabled: var(--msl-text-disabled);
    --msl-step-index-editable: var(--msl-text-primary);
    --msl-step-index-hover: var(--msl-text-primary-hover);
    --msl-step-index-valid: var(--msl-text-success);
    --msl-step-text-active: var(--msl-text-primary);
    --msl-step-text-disabled: var(--msl-text-disabled);
    --msl-step-text-editable: var(--msl-text-primary);
    --msl-step-text-hover: var(--msl-text-primary-hover);
    --msl-step-text-valid: var(--msl-text);
    --msl-stepper-divider: var(--msl-divider);
    --msl-switch-handle-bg: var(--msl-bg-elmt);
    --msl-switch-handle-bg-disabled: var(--msl-bg-elmt-moderate);
    --msl-switch-handle-bg-readonly: var(--msl-bg-readonly);
    --msl-switch-icon: var(--msl-text-reverse);
    --msl-switch-icon-hover: var(--msl-text-reverse);
    --msl-switch-icon-pressed: var(--msl-text-reverse);
    --msl-switch-icon-readonly: var(--msl-text-reverse);
    --msl-switch-track-bg-disabled: var(--msl-bg-disabled);
    --msl-switch-track-bg-off: var(--msl-bg-neutral);
    --msl-switch-track-bg-off-hover: var(--msl-bg-reverse-hover);
    --msl-switch-track-bg-off-pressed: var(--msl-bg-reverse-pressed);
    --msl-switch-track-bg-on: var(--msl-bg-primary);
    --msl-switch-track-bg-on-hover: var(--msl-bg-primary-hover);
    --msl-switch-track-bg-on-pressed: var(--msl-bg-primary-pressed);
    --msl-switch-track-bg-readonly: var(--msl-bg-readonly-strong);
    --msl-tab-bg-active: var(--msl-bg-highlight);
    --msl-tab-bg: var(--msl-bg-surface);
    --msl-tab-bg-hover: var(--msl-bg-hover);
    --msl-tab-borderRadius: var(--msl-borderRadius-100);
    --msl-tab-divider: var(--msl-divider-minimal);
    --msl-tab-indicator: var(--msl-border-primary);
    --msl-tab-indicator-height: 3px;
    --msl-tab-paddingHorizontal: var(--msl-spacing-100);
    --msl-tab-paddingVertical: var(--msl-spacing-100);
    --msl-tab-text-active: var(--msl-text-primary);
    --msl-tab-text: var(--msl-text);
    --msl-timer-progress-active: var(--msl-bg-primary);
    --msl-timer-progress: var(--msl-bg-elmt-moderate);
    --msl-toast-bg: var(--msl-bg-success);
    --msl-toast-text: var(--msl-text-reverse);
    --msl-toggle-bg-active: var(--msl-bg-primary);
    --msl-toggle-bg: var(--msl-bg-elmt);
    --msl-toggle-bg-disabled: var(--msl-bg-disabled);
    --msl-toggle-bg-hover: var(--msl-bg-hover);
    --msl-toggle-bg-pressed: var(--msl-bg-pressed);
    --msl-toggle-bg-readonly-off: var(--msl-bg-readonly);
    --msl-toggle-bg-readonly-on: var(--msl-bg-readonly-strong);
    --msl-toggle-borderColor: var(--msl-border-primary);
    --msl-toggle-borderColor-disabled: var(--msl-border);
    --msl-toggle-borderColor-error: var(--msl-border-critical);
    --msl-toggle-text-active: var(--msl-text-on-primary);
    --msl-toggle-text: var(--msl-text-primary);
    --msl-toggle-text-disabled: var(--msl-text-disabled);
    --msl-toggle-text-error: var(--msl-text);
    --msl-toggle-text-hover: var(--msl-text-primary-hover);
    --msl-toggle-text-pressed: var(--msl-text-primary-pressed);
    --msl-toggle-text-readonly-off: var(--msl-text-readonly);
    --msl-toggle-text-readonly-on: var(--msl-text-reverse);
    --msl-tooltip-bg: var(--msl-bg-elmt-accent);
    --msl-tooltip-text: var(--msl-text-reverse);
    --msl-fontFamily-body: "Open Sans", system-ui, ui-sans-serif, sans-serif;
    --msl-fontFamily-heading: Montserrat, system-ui, ui-sans-serif, sans-serif;
    --msl-fontSize-40: 2.857142857142857rem;
    --msl-fontSize-34: 2.4285714285714284rem;
    --msl-fontSize-28: 2rem;
    --msl-fontSize-24: 1.7142857142857142rem;
    --msl-fontSize-18: 1.2857142857142858rem;
    --msl-fontSize-16: 1.1428571428571428rem;
    --msl-fontSize-14: 1rem;
    --msl-fontSize-12: 0.8571428571428571rem;
    --msl-fontSize-11: 0.7857142857142857rem;
    --msl-fontWeight-700: 700;
    --msl-fontWeight-600: 600;
    --msl-fontWeight-400: 400;
    --msl-boxShadow-s: 0 4px 16px 0 var(--msl-shadowColor-s);
    --msl-boxShadow-m: 0 10px 60px 0 var(--msl-shadowColor-m);
    --msl-boxShadow-l: 0 20px 80px 0 var(--msl-shadowColor-l);
    --msl-shadow-s: drop-shadow(0 4px 8px var(--msl-shadowColor-s));
    --msl-shadow-m: drop-shadow(0 10px 30px var(--msl-shadowColor-m));
    --msl-shadow-l: drop-shadow(0 20px 40px var(--msl-shadowColor-l));
    --msl-brand-primary: var(--msl-bg-brand-primary);
    --msl-brand-secondary-100: var(--msl-bg-brand-moderate);
    --msl-brand-secondary-150: var(--msl-bg-brand-minimal);
    --msl-brand-secondary-200: var(--msl-bg-brand-neutral);
    --msl-brand-secondary-300: var(--msl-artwork-tertiary-300);
    --msl-brand-secondary-400: var(--msl-bg-brand-secondary);
    --msl-brand-secondary-500: var(--msl-bg-brand-accent);
    --msl-brand-secondary-600: var(--msl-bg-brand-tertiary);
    --msl-functionnal-danger-100: var(--msl-bg-critical);
    --msl-functionnal-danger-30: var(--msl-bg-critical-transparent);
    --msl-functionnal-danger-50: var(--msl-bg-critical-minimal);
    --msl-functionnal-information-100: var(--msl-bg-info);
    --msl-functionnal-information-30: var(--msl-bg-info-transparent);
    --msl-functionnal-information-50: var(--msl-bg-info-minimal);
    --msl-functionnal-success-100: var(--msl-bg-success);
    --msl-functionnal-success-30: var(--msl-bg-success-transparent);
    --msl-functionnal-success-50: var(--msl-bg-success-minimal);
    --msl-functionnal-warning-100: var(--msl-bg-warning);
    --msl-functionnal-warning-30: var(--msl-bg-warning-transparent);
    --msl-functionnal-warning-50: var(--msl-bg-warning-minimal);
    --msl-functionnal-notification-100: var(--msl-bg-notification);
    --msl-functionnal-contact: var(--msl-bg-contact);
}

@font-face {
    font-family: "NPC Icons crunchy R2503";
    src: url("./clientlib-resources/resources/fonts/npcicons-crunchy/npcicons-crunchy-r2503.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/npcicons-crunchy/npcicons-crunchy-r2503.woff") format("woff"),url("./clientlib-resources/resources/fonts/npcicons-crunchy/npcicons-crunchy-r2503.ttf") format("truetype")
}

.ArticleBloc-quote:after,.ArticleBloc-quote:before,.ArticleDetail-goBackMag:before,.CardsDashboardSearch-research:before,.CheckList-footerLink:before,.CheckList-stepToggle--FO:before,.CheckList-stepToggle:before,.Citation-text:after,.Citation-text:before,.ComparativeTable-next:before,.ComparativeTable-prev:before,.CourseProjectFixed-dropdownToggle:before,.ES-MainNav-dropdownToggle:before,.ES-card-focus-list-item:before,.ES-join-projectsBloc-chatIcon:after,.Etapier-slider .owl-next:before,.Etapier-slider .owl-prev:before,.GreenBtn-callbackHomeContentContactMail:before,.GreenBtn-callbackHomeContentContactMeeting:before,.GreenBtn-dialogBoxFooterLink:before,.GreenBtn-helpLink:after,.Header-buttonMenu:before,.Header-helpText:before,.Header-login:before,.Header-market:after,.Header-menuClose:before,.Header-menuLogin:before,.Header-menuRow:after,.Header-menuSearch:before,.Header-search:after,.HeaderLogged-accountIcon,.HeaderLogged-buttonMenu--P400:before,.HeaderLogged-buttonMenu:before,.HeaderLogged-navLink--mega:after,.HeaderLogged-secondNavLink--account .Synthesis-inbox:before,.HeaderLogged-secondNavLink--search:after,.HeaderSticky-login:after,.HeaderSticky-search:after,.ImportDocs-addDocLink a:before,.IncreaseTheCeiling-carousel .owl-next:before,.IncreaseTheCeiling-carousel .owl-prev:before,.IncreaseTheCeiling-upCeiling a:before,.LandscapeMessage-bulb:before,.LandscapeMessage-phone:before,.LayerNav-dlistLink:after,.LayerNav-dlistLink:before,.LayerNav-listLink:after,.LayerNav-pushNavItem--ca .LayerNav-pushNavItemInner:after,.LayerNav-pushNavItem:after,.LowFooterMention-FlagDropup.open:after,.LowFooterMention-FlagDropup:after,.MarketPartner-link:after,.MegaNav-dlistLink:after,.MegaNav-dlistLink:before,.MegaNav-quickLinkBlockLink:after,.MegaNav-quickLinkBlockLinkMarket:before,.Messagerie-LinksChevron:before,.Modal-close:before,.Modal-popin-close:before,.NavActions-item:before,.NavActions-next:before,.NavActions-prev:before,.OurSolutionToSave-blocLink:focus .OurSolutionToSave-blocMain:after,.OurSolutionToSave-blocLink:hover .OurSolutionToSave-blocMain:after,.PartnerEntities-carousel.owl-loaded .owl-next:after,.PartnerEntities-carousel.owl-loaded .owl-prev:after,.PdfViewer-navLink--next:after,.PdfViewer-navLink--prev:after,.PrivateBank-distriSupCompareLink:before,.Share-logo:before,.Synthesis-inbox:before,.T007__article:after,.T007__menu:after,.T007__panel-dropdownToggle:before,.T007__shortcut .T007__menu:after,.TableSortItem-btn:after,.TabsNav-item--action:before,.VideoPlayer-play:before,.ZCoord-headLink a:before,.alphabetList-action--add:before,.alphabetList-action--import:before,.alphabetList-action--list:before,.alphabetNav-showFull:before,.bigButton:before,.bootstrap-select.btn-group .dropdown-toggle .caret:after,.callGreenBtnBloc[tabindex] .callGreenBtnBloc-chatIcon:after,.cardMagArticle-icon:before,.icon,.icon.ic_add_medium:before,.icon.ic_add_profile_medium:before,.icon.ic_add_small:before,.icon.ic_agency_medium:before,.icon.ic_alert_medium:before,.icon.ic_answer_medium:before,.icon.ic_arrow_down_medium:before,.icon.ic_arrow_left_medium:before,.icon.ic_arrow_right_medium:before,.icon.ic_arrow_up_medium:before,.icon.ic_assistance_medium:before,.icon.ic_atm_medium:before,.icon.ic_attached_document_medium:before,.icon.ic_baby_medium:before,.icon.ic_bar_medium:before,.icon.ic_basketball_medium:before,.icon.ic_bear_medium:before,.icon.ic_bell_medium:before,.icon.ic_boat_medium:before,.icon.ic_bone_medium:before,.icon.ic_bowl_medium:before,.icon.ic_budget_medium:before,.icon.ic_bus_medium:before,.icon.ic_calculator_medium:before,.icon.ic_calendar_medium:before,.icon.ic_calendar_small:before,.icon.ic_camera_medium:before,.icon.ic_car_key_medium:before,.icon.ic_car_medium:before,.icon.ic_card_medium:before,.icon.ic_card_small:before,.icon.ic_caret_down_medium:before,.icon.ic_caret_left_medium:before,.icon.ic_caret_right_medium:before,.icon.ic_caret_up_medium:before,.icon.ic_caret_vertical_medium:before,.icon.ic_cart_medium:before,.icon.ic_check_full_medium:before,.icon.ic_check_medium:before,.icon.ic_check_small:before,.icon.ic_cheese_medium:before,.icon.ic_chequebook_medium:before,.icon.ic_cherry_medium:before,.icon.ic_children_medium:before,.icon.ic_close_full_medium:before,.icon.ic_close_medium:before,.icon.ic_cloudy_medium:before,.icon.ic_coffee_medium:before,.icon.ic_concierge_medium:before,.icon.ic_contact_medium:before,.icon.ic_contact_tabbar_medium:before,.icon.ic_cookies_medium:before,.icon.ic_copy_medium:before,.icon.ic_corn_medium:before,.icon.ic_court_medium:before,.icon.ic_cow_medium:before,.icon.ic_deaf_medium:before,.icon.ic_direct_debit_medium:before,.icon.ic_doctor_medium:before,.icon.ic_document_medium:before,.icon.ic_document_small:before,.icon.ic_donnation_medium:before,.icon.ic_download_medium:before,.icon.ic_dumbbells_medium:before,.icon.ic_edit_medium:before,.icon.ic_emoji_medium:before,.icon.ic_energy_medium:before,.icon.ic_english_medium:before,.icon.ic_erase_medium:before,.icon.ic_exchange_medium:before,.icon.ic_eye_off_medium:before,.icon.ic_eye_on_medium:before,.icon.ic_eye_small:before,.icon.ic_facebook_medium:before,.icon.ic_family_medium:before,.icon.ic_family_small:before,.icon.ic_favorite_empty_medium:before,.icon.ic_favorite_full_medium:before,.icon.ic_file_medium:before,.icon.ic_fish_medium:before,.icon.ic_flag_medium:before,.icon.ic_food_medium:before,.icon.ic_fuel_medium:before,.icon.ic_gallery_medium:before,.icon.ic_geolocation_medium:before,.icon.ic_geolocation_small:before,.icon.ic_gift_medium:before,.icon.ic_glasses_medium:before,.icon.ic_health_medium:before,.icon.ic_heartbeat_medium:before,.icon.ic_highway_medium:before,.icon.ic_historic_medium:before,.icon.ic_home_medium:before,.icon.ic_home_tabbar_medium:before,.icon.ic_housing_medium:before,.icon.ic_icecream_medium:before,.icon.ic_idea_medium:before,.icon.ic_identity-card_medium:before,.icon.ic_info_medium:before,.icon.ic_instagram_medium:before,.icon.ic_instant_payment_medium:before,.icon.ic_insurance_medium:before,.icon.ic_insurance_small:before,.icon.ic_island_medium:before,.icon.ic_justice_medium:before,.icon.ic_launch_medium:before,.icon.ic_list_medium:before,.icon.ic_loan_medium:before,.icon.ic_loan_small:before,.icon.ic_lock_medium:before,.icon.ic_log_out_medium:before,.icon.ic_machine_medium:before,.icon.ic_mail_medium:before,.icon.ic_map_medium:before,.icon.ic_market_medium:before,.icon.ic_medication_medium:before,.icon.ic_menu_medium:before,.icon.ic_menu_tabbar_medium:before,.icon.ic_microphone_off_medium:before,.icon.ic_microphone_on_medium:before,.icon.ic_milshake_medium:before,.icon.ic_mobile_medium:before,.icon.ic_more_medium:before,.icon.ic_motorbike_medium:before,.icon.ic_movie_medium:before,.icon.ic_music_medium:before,.icon.ic_newspaper_medium:before,.icon.ic_office_bulding_medium:before,.icon.ic_open_medium:before,.icon.ic_paint_roller_medium:before,.icon.ic_parameters_medium:before,.icon.ic_parking_medium:before,.icon.ic_patrimony_medium:before,.icon.ic_patrimony_small:before,.icon.ic_pause_medium:before,.icon.ic_pension_medium:before,.icon.ic_personal_credit_medium:before,.icon.ic_personal_credit_small:before,.icon.ic_personal_credit_tabbar_medium:before,.icon.ic_pets_medium:before,.icon.ic_phone_medium:before,.icon.ic_phone_small:before,.icon.ic_picture_medium:before,.icon.ic_pizza_medium:before,.icon.ic_planet_medium:before,.icon.ic_plant_medium:before,.icon.ic_play_medium:before,.icon.ic_professional_medium:before,.icon.ic_profile_medium:before,.icon.ic_profile_small:before,.icon.ic_property_tax_medium:before,.icon.ic_puzzle_medium:before,.icon.ic_qrcode_medium:before,.icon.ic_question_medium:before,.icon.ic_rainy_medium:before,.icon.ic_rate_medium:before,.icon.ic_rate_small:before,.icon.ic_refresh_medium:before,.icon.ic_refresh_small:before,.icon.ic_refund_medium:before,.icon.ic_remove_medium:before,.icon.ic_rent_received_medium:before,.icon.ic_restaurant_medium:before,.icon.ic_rib_medium:before,.icon.ic_rib_small:before,.icon.ic_rocket_medium:before,.icon.ic_salary_medium:before,.icon.ic_salary_tax_medium:before,.icon.ic_sandwich_medium:before,.icon.ic_save_medium:before,.icon.ic_savings_medium:before,.icon.ic_savings_small:before,.icon.ic_scan_medium:before,.icon.ic_scissors_medium:before,.icon.ic_screen_share_start_medium:before,.icon.ic_screen_share_stop_medium:before,.icon.ic_search_medium:before,.icon.ic_second_home_medium:before,.icon.ic_security_medium:before,.icon.ic_security_small:before,.icon.ic_send_medium:before,.icon.ic_settings_medium:before,.icon.ic_shopping_medium:before,.icon.ic_sign_medium:before,.icon.ic_sofa_medium:before,.icon.ic_sos_medium:before,.icon.ic_statut_medium:before,.icon.ic_statut_small:before,.icon.ic_steak_medium:before,.icon.ic_stock_market_transaction_medium:before,.icon.ic_stock_market_transaction_small:before,.icon.ic_sunny_medium:before,.icon.ic_sunset_medium:before,.icon.ic_support_medium:before,.icon.ic_t-shirt_medium:before,.icon.ic_takeaway_medium:before,.icon.ic_target_medium:before,.icon.ic_taxes_medium:before,.icon.ic_taxi_medium:before,.icon.ic_tiktok_medium:before,.icon.ic_time_medium:before,.icon.ic_touch_id_medium:before,.icon.ic_tractor_medium:before,.icon.ic_training_medium:before,.icon.ic_transfer_medium:before,.icon.ic_transfer_received_medium:before,.icon.ic_transfer_sent_medium:before,.icon.ic_transfer_tabbar_medium:before,.icon.ic_travel_medium:before,.icon.ic_twitter_medium:before,.icon.ic_upload_medium:before,.icon.ic_videoconference_medium:before,.icon.ic_wallet_medium:before,.icon.ic_wealth_tax_medium:before,.icon.ic_wine_medium:before,.icon.ic_works_medium:before,.icon.npc-action-menu:before,.icon.npc-add-user:before,.icon.npc-add:before,.icon.npc-advisor2:before,.icon.npc-advisor:before,.icon.npc-after:before,.icon.npc-analyse:before,.icon.npc-arrow-down-filled:before,.icon.npc-arrow-down:before,.icon.npc-arrow-next-thin:before,.icon.npc-arrow-next:before,.icon.npc-arrow-previous-thin:before,.icon.npc-arrow-previous:before,.icon.npc-arrow-top:before,.icon.npc-arrow-up:before,.icon.npc-at:before,.icon.npc-attachment:before,.icon.npc-avatar:before,.icon.npc-bank2:before,.icon.npc-bank:before,.icon.npc-bell:before,.icon.npc-birth-act:before,.icon.npc-boussole:before,.icon.npc-building:before,.icon.npc-bulb:before,.icon.npc-cadeau:before,.icon.npc-calculator2:before,.icon.npc-calculator:before,.icon.npc-calendar1:before,.icon.npc-calendar:before,.icon.npc-card:before,.icon.npc-check2:before,.icon.npc-check:before,.icon.npc-checked:before,.icon.npc-chrono:before,.icon.npc-circle-bar:before,.icon.npc-circle-calendar:before,.icon.npc-circle-dark-next:before,.icon.npc-circle-dark-previous:before,.icon.npc-circle-doc:before,.icon.npc-circle-folder:before,.icon.npc-circle-play:before,.icon.npc-circle-plus:before,.icon.npc-circle-send:before,.icon.npc-circle-trademark:before,.icon.npc-circleQuestion:before,.icon.npc-clock:before,.icon.npc-close:before,.icon.npc-cloud:before,.icon.npc-contact:before,.icon.npc-danger:before,.icon.npc-day:before,.icon.npc-debit:before,.icon.npc-decrease:before,.icon.npc-devices:before,.icon.npc-dnc-categorie109:before,.icon.npc-dnc-categorie111:before,.icon.npc-dnc-categorie194:before,.icon.npc-dnc-categorie196:before,.icon.npc-dnc-categorie197:before,.icon.npc-dnc-categorie205:before,.icon.npc-dnc-categorie206:before,.icon.npc-dnc-categorie207:before,.icon.npc-dnc-categorie23:before,.icon.npc-dnc-categorie263:before,.icon.npc-dnc-categorie264:before,.icon.npc-dnc-categorie265:before,.icon.npc-dnc-categorie266:before,.icon.npc-dnc-categorie269:before,.icon.npc-dnc-categorie3012:before,.icon.npc-dnc-categorie343:before,.icon.npc-dnc-categorie363:before,.icon.npc-dnc-categorie3:before,.icon.npc-dnc-categorie613:before,.icon.npc-dnc-categorie614:before,.icon.npc-dnc-categorie615:before,.icon.npc-dnc-categorie617:before,.icon.npc-dnc-categorie71:before,.icon.npc-dnc-categorie92:before,.icon.npc-dnc-categorie93:before,.icon.npc-dnc-categorie941:before,.icon.npc-dnc-categorie94:before,.icon.npc-dnc-categorie96:before,.icon.npc-dnc-categorie97:before,.icon.npc-dnc-categorie99343:before,.icon.npc-dnc-categorie99992:before,.icon.npc-dnc-categorie:before,.icon.npc-document-attached:before,.icon.npc-document:before,.icon.npc-done:before,.icon.npc-download:before,.icon.npc-downloadTalk:before,.icon.npc-draft:before,.icon.npc-drag-drop:before,.icon.npc-driver-license-french:before,.icon.npc-driver-license:before,.icon.npc-e-documents:before,.icon.npc-effect:before,.icon.npc-engine:before,.icon.npc-exchange:before,.icon.npc-exclamation2:before,.icon.npc-exclamation:before,.icon.npc-facebook:before,.icon.npc-factory:before,.icon.npc-family-record-book:before,.icon.npc-flag:before,.icon.npc-folder:before,.icon.npc-followMsg:before,.icon.npc-france:before,.icon.npc-google:before,.icon.npc-growth:before,.icon.npc-hamburger:before,.icon.npc-help:before,.icon.npc-home:before,.icon.npc-humanCheck:before,.icon.npc-id-card:before,.icon.npc-increase-top:before,.icon.npc-increase:before,.icon.npc-information-blank:before,.icon.npc-information:before,.icon.npc-instagram:before,.icon.npc-instant-payment:before,.icon.npc-itinerary:before,.icon.npc-keypad:before,.icon.npc-ko:before,.icon.npc-launch:before,.icon.npc-left:before,.icon.npc-life-and-pension:before,.icon.npc-linkedin:before,.icon.npc-list:before,.icon.npc-locator-blank:before,.icon.npc-locator-circle-empty:before,.icon.npc-locator-circle:before,.icon.npc-locator:before,.icon.npc-logo-ca:before,.icon.npc-magnifer:before,.icon.npc-mail2:before,.icon.npc-mail3:before,.icon.npc-mail:before,.icon.npc-mailNoBg:before,.icon.npc-masonry:before,.icon.npc-mobile:before,.icon.npc-money:before,.icon.npc-ok:before,.icon.npc-padlock-closed:before,.icon.npc-padlock-dark-closed:before,.icon.npc-padlock-dark-open:before,.icon.npc-padlock-white-closed:before,.icon.npc-parameters:before,.icon.npc-passport:before,.icon.npc-pencil2:before,.icon.npc-pencil:before,.icon.npc-percentBack:before,.icon.npc-phone:before,.icon.npc-pickup-phone:before,.icon.npc-pie-chart-blank:before,.icon.npc-pie-chart:before,.icon.npc-pig:before,.icon.npc-pin:before,.icon.npc-plane:before,.icon.npc-planet:before,.icon.npc-play:before,.icon.npc-plus:before,.icon.npc-portrait-landscape:before,.icon.npc-power:before,.icon.npc-print:before,.icon.npc-printer:before,.icon.npc-property-title:before,.icon.npc-question:before,.icon.npc-rain:before,.icon.npc-rename:before,.icon.npc-rescue:before,.icon.npc-right:before,.icon.npc-rock--end:before,.icon.npc-rock--start:before,.icon.npc-rounded-article:before,.icon.npc-rounded-event:before,.icon.npc-rounded-folder:before,.icon.npc-rounded-infografics:before,.icon.npc-rounded-video:before,.icon.npc-rss:before,.icon.npc-sandglass:before,.icon.npc-see:before,.icon.npc-separator:before,.icon.npc-settings:before,.icon.npc-share:before,.icon.npc-shareScreen:before,.icon.npc-sign:before,.icon.npc-smartphone-bank:before,.icon.npc-smartphone:before,.icon.npc-somebody:before,.icon.npc-sort:before,.icon.npc-star-full:before,.icon.npc-star-lined:before,.icon.npc-star:before,.icon.npc-stepper:before,.icon.npc-substract:before,.icon.npc-sun:before,.icon.npc-support:before,.icon.npc-talk-blank:before,.icon.npc-talk-connect:before,.icon.npc-talk-dark:before,.icon.npc-talk-information-dark:before,.icon.npc-talk-information:before,.icon.npc-talk-together:before,.icon.npc-talk:before,.icon.npc-tiktok:before,.icon.npc-together:before,.icon.npc-transfer2:before,.icon.npc-transfer:before,.icon.npc-trash:before,.icon.npc-tv:before,.icon.npc-twitter-blank:before,.icon.npc-twitter:before,.icon.npc-umbrella:before,.icon.npc-upload:before,.icon.npc-user-group:before,.icon.npc-user:before,.icon.npc-various:before,.icon.npc-viadeo:before,.icon.npc-vocality:before,.icon.npc-wall:before,.icon.npc-wallet:before,.icon.npc-webedi:before,.icon.npc-withdrawal:before,.icon.npc-youtube:before,.icon.npc-zoomLess:before,.icon.npc-zoomMore:before,.npc-dnc-categorie113:before,.npc-dnc-categorie1273:before,.npc-dnc-categorie196:before,.npc-dnc-categorie203:before,.npc-dnc-categorie260:before,.npc-dnc-categorie267:before,.npc-dnc-categorie291:before,.npc-dnc-categorie3014:before,.npc-dnc-categorie3035:before,.npc-dnc-categorie3037:before,.npc-dnc-categorie361:before,.npc-dnc-categorie388:before,.npc-dnc-categorie619:before,.npc-dnc-categorie95:before,.npc-dnc-categorie99:before,.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header:after,.npc-msl-collapse .npc-msl-collapse-item.collapse-expended .npc-msl-collapse-item-header:after,.npc-msl-feedback button.npc-msl-link .icon:before,.npc-msl-feedback.npc-msl-feedback--success.npc-msl-feedback-icon .icon:before,.npc-msl-feedback.npc-msl-feedback-icon .icon:before,.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox][aria-expanded=false]:after,.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox][aria-expanded=true]:after,.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:before,.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:before,.panel-group .panel-title:after,.panel-group .panel-title:before,.pushMultiple-list.owl-loaded .owl-next:after,.pushMultiple-list.owl-loaded .owl-prev:after,.simpleAccess:after,.swipableBloc-action:before,.swipableBloc-icon--fav:before,.swipableBloc-toggle:before,a.ES-InitiativesCard-link:before,a.callGreenBtnBloc .callGreenBtnBloc-chatIcon:after,mt-carousel carousel-controls mds-icon-button:first-of-type:after,mt-carousel carousel-controls mds-icon-button:last-of-type:after,span.cardMagSocial-picto:before {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1
}

.icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    speak: none;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon.ic_add_medium:before {
    content: ""
}

.icon.ic_add_profile_medium:before {
    content: ""
}

.icon.ic_agency_medium:before {
    content: ""
}

.icon.ic_alert_medium:before {
    content: ""
}

.icon.ic_answer_medium:before {
    content: ""
}

.icon.ic_arrow_down_medium:before {
    content: ""
}

.icon.ic_arrow_left_medium:before {
    content: ""
}

.icon.ic_arrow_right_medium:before {
    content: ""
}

.icon.ic_arrow_up_medium:before {
    content: ""
}

.icon.ic_assistance_medium:before {
    content: ""
}

.icon.ic_atm_medium:before {
    content: ""
}

.icon.ic_attached_document_medium:before {
    content: ""
}

.icon.ic_baby_medium:before {
    content: ""
}

.icon.ic_bar_medium:before {
    content: ""
}

.icon.ic_basketball_medium:before {
    content: ""
}

.icon.ic_bear_medium:before {
    content: ""
}

.icon.ic_bell_medium:before {
    content: ""
}

.icon.ic_boat_medium:before {
    content: ""
}

.icon.ic_bone_medium:before {
    content: ""
}

.icon.ic_bowl_medium:before {
    content: ""
}

.icon.ic_budget_medium:before {
    content: ""
}

.icon.ic_bus_medium:before {
    content: ""
}

.icon.ic_calculator_medium:before {
    content: ""
}

.icon.ic_calendar_medium:before {
    content: ""
}

.icon.ic_camera_medium:before {
    content: ""
}

.icon.ic_car_key_medium:before {
    content: ""
}

.icon.ic_car_medium:before {
    content: ""
}

.icon.ic_card_medium:before {
    content: ""
}

.icon.ic_caret_down_medium:before {
    content: ""
}

.icon.ic_caret_left_medium:before {
    content: ""
}

.icon.ic_caret_right_medium:before {
    content: ""
}

.icon.ic_caret_up_medium:before {
    content: ""
}

.icon.ic_caret_vertical_medium:before {
    content: ""
}

.icon.ic_cart_medium:before {
    content: ""
}

.icon.ic_check_full_medium:before {
    content: ""
}

.icon.ic_check_medium:before {
    content: ""
}

.icon.ic_cheese_medium:before {
    content: ""
}

.icon.ic_chequebook_medium:before {
    content: ""
}

.icon.ic_cherry_medium:before {
    content: ""
}

.icon.ic_children_medium:before {
    content: ""
}

.icon.ic_close_full_medium:before {
    content: ""
}

.icon.ic_close_medium:before {
    content: ""
}

.icon.ic_cloudy_medium:before {
    content: ""
}

.icon.ic_coffee_medium:before {
    content: ""
}

.icon.ic_concierge_medium:before {
    content: ""
}

.icon.ic_contact_medium:before {
    content: ""
}

.icon.ic_contact_tabbar_medium:before {
    content: ""
}

.icon.ic_cookies_medium:before {
    content: ""
}

.icon.ic_copy_medium:before {
    content: ""
}

.icon.ic_corn_medium:before {
    content: ""
}

.icon.ic_court_medium:before {
    content: ""
}

.icon.ic_cow_medium:before {
    content: ""
}

.icon.ic_deaf_medium:before {
    content: ""
}

.icon.ic_direct_debit_medium:before {
    content: ""
}

.icon.ic_doctor_medium:before {
    content: ""
}

.icon.ic_document_medium:before {
    content: ""
}

.icon.ic_donnation_medium:before {
    content: ""
}

.icon.ic_download_medium:before {
    content: ""
}

.icon.ic_dumbbells_medium:before {
    content: ""
}

.icon.ic_edit_medium:before {
    content: ""
}

.icon.ic_emoji_medium:before {
    content: ""
}

.icon.ic_energy_medium:before {
    content: ""
}

.icon.ic_english_medium:before {
    content: ""
}

.icon.ic_erase_medium:before {
    content: ""
}

.icon.ic_exchange_medium:before {
    content: ""
}

.icon.ic_eye_off_medium:before {
    content: ""
}

.icon.ic_eye_on_medium:before {
    content: ""
}

.icon.ic_facebook_medium:before {
    content: ""
}

.icon.ic_family_medium:before {
    content: ""
}

.icon.ic_favorite_empty_medium:before {
    content: ""
}

.icon.ic_favorite_full_medium:before {
    content: ""
}

.icon.ic_file_medium:before {
    content: ""
}

.icon.ic_fish_medium:before {
    content: ""
}

.icon.ic_flag_medium:before {
    content: ""
}

.icon.ic_food_medium:before {
    content: ""
}

.icon.ic_fuel_medium:before {
    content: ""
}

.icon.ic_gallery_medium:before {
    content: ""
}

.icon.ic_geolocation_medium:before {
    content: ""
}

.icon.ic_gift_medium:before {
    content: ""
}

.icon.ic_glasses_medium:before {
    content: ""
}

.icon.ic_health_medium:before {
    content: ""
}

.icon.ic_heartbeat_medium:before {
    content: ""
}

.icon.ic_highway_medium:before {
    content: ""
}

.icon.ic_historic_medium:before {
    content: ""
}

.icon.ic_home_medium:before {
    content: ""
}

.icon.ic_home_tabbar_medium:before {
    content: ""
}

.icon.ic_housing_medium:before {
    content: ""
}

.icon.ic_icecream_medium:before {
    content: ""
}

.icon.ic_idea_medium:before {
    content: ""
}

.icon.ic_identity-card_medium:before {
    content: ""
}

.icon.ic_info_medium:before {
    content: ""
}

.icon.ic_instagram_medium:before {
    content: ""
}

.icon.ic_instant_payment_medium:before {
    content: ""
}

.icon.ic_insurance_medium:before {
    content: ""
}

.icon.ic_island_medium:before {
    content: ""
}

.icon.ic_justice_medium:before {
    content: ""
}

.icon.ic_launch_medium:before {
    content: ""
}

.icon.ic_list_medium:before {
    content: ""
}

.icon.ic_loan_medium:before {
    content: ""
}

.icon.ic_lock_medium:before {
    content: ""
}

.icon.ic_log_out_medium:before {
    content: ""
}

.icon.ic_machine_medium:before {
    content: ""
}

.icon.ic_mail_medium:before {
    content: ""
}

.icon.ic_map_medium:before {
    content: ""
}

.icon.ic_market_medium:before {
    content: ""
}

.icon.ic_medication_medium:before {
    content: ""
}

.icon.ic_menu_medium:before {
    content: ""
}

.icon.ic_menu_tabbar_medium:before {
    content: ""
}

.icon.ic_microphone_off_medium:before {
    content: ""
}

.icon.ic_microphone_on_medium:before {
    content: ""
}

.icon.ic_milshake_medium:before {
    content: ""
}

.icon.ic_mobile_medium:before {
    content: ""
}

.icon.ic_more_medium:before {
    content: ""
}

.icon.ic_motorbike_medium:before {
    content: ""
}

.icon.ic_movie_medium:before {
    content: ""
}

.icon.ic_music_medium:before {
    content: ""
}

.icon.ic_newspaper_medium:before {
    content: ""
}

.icon.ic_office_bulding_medium:before {
    content: ""
}

.icon.ic_open_medium:before {
    content: ""
}

.icon.ic_paint_roller_medium:before {
    content: ""
}

.icon.ic_parameters_medium:before {
    content: ""
}

.icon.ic_parking_medium:before {
    content: ""
}

.icon.ic_patrimony_medium:before {
    content: ""
}

.icon.ic_pause_medium:before {
    content: ""
}

.icon.ic_pension_medium:before {
    content: ""
}

.icon.ic_personal_credit_medium:before {
    content: ""
}

.icon.ic_personal_credit_tabbar_medium:before {
    content: ""
}

.icon.ic_pets_medium:before {
    content: ""
}

.icon.ic_phone_medium:before {
    content: ""
}

.icon.ic_picture_medium:before {
    content: ""
}

.icon.ic_pizza_medium:before {
    content: ""
}

.icon.ic_planet_medium:before {
    content: ""
}

.icon.ic_plant_medium:before {
    content: ""
}

.icon.ic_play_medium:before {
    content: ""
}

.icon.ic_professional_medium:before {
    content: ""
}

.icon.ic_profile_medium:before {
    content: ""
}

.icon.ic_property_tax_medium:before {
    content: ""
}

.icon.ic_puzzle_medium:before {
    content: ""
}

.icon.ic_qrcode_medium:before {
    content: ""
}

.icon.ic_question_medium:before {
    content: ""
}

.icon.ic_rainy_medium:before {
    content: ""
}

.icon.ic_rate_medium:before {
    content: ""
}

.icon.ic_refresh_medium:before {
    content: ""
}

.icon.ic_refund_medium:before {
    content: ""
}

.icon.ic_remove_medium:before {
    content: ""
}

.icon.ic_rent_received_medium:before {
    content: ""
}

.icon.ic_restaurant_medium:before {
    content: ""
}

.icon.ic_rib_medium:before {
    content: ""
}

.icon.ic_rocket_medium:before {
    content: ""
}

.icon.ic_salary_medium:before {
    content: ""
}

.icon.ic_salary_tax_medium:before {
    content: ""
}

.icon.ic_sandwich_medium:before {
    content: ""
}

.icon.ic_save_medium:before {
    content: ""
}

.icon.ic_savings_medium:before {
    content: ""
}

.icon.ic_scan_medium:before {
    content: ""
}

.icon.ic_scissors_medium:before {
    content: ""
}

.icon.ic_screen_share_start_medium:before {
    content: ""
}

.icon.ic_screen_share_stop_medium:before {
    content: ""
}

.icon.ic_search_medium:before {
    content: ""
}

.icon.ic_second_home_medium:before {
    content: ""
}

.icon.ic_security_medium:before {
    content: ""
}

.icon.ic_send_medium:before {
    content: ""
}

.icon.ic_settings_medium:before {
    content: ""
}

.icon.ic_shopping_medium:before {
    content: ""
}

.icon.ic_sign_medium:before {
    content: ""
}

.icon.ic_sofa_medium:before {
    content: ""
}

.icon.ic_sos_medium:before {
    content: ""
}

.icon.ic_statut_medium:before {
    content: ""
}

.icon.ic_steak_medium:before {
    content: ""
}

.icon.ic_stock_market_transaction_medium:before {
    content: ""
}

.icon.ic_sunny_medium:before {
    content: ""
}

.icon.ic_sunset_medium:before {
    content: ""
}

.icon.ic_support_medium:before {
    content: ""
}

.icon.ic_t-shirt_medium:before {
    content: ""
}

.icon.ic_takeaway_medium:before {
    content: ""
}

.icon.ic_target_medium:before {
    content: ""
}

.icon.ic_taxes_medium:before {
    content: ""
}

.icon.ic_taxi_medium:before {
    content: ""
}

.icon.ic_tiktok_medium:before {
    content: ""
}

.icon.ic_time_medium:before {
    content: ""
}

.icon.ic_touch_id_medium:before {
    content: ""
}

.icon.ic_tractor_medium:before {
    content: ""
}

.icon.ic_training_medium:before {
    content: ""
}

.icon.ic_transfer_medium:before {
    content: ""
}

.icon.ic_transfer_received_medium:before {
    content: ""
}

.icon.ic_transfer_sent_medium:before {
    content: ""
}

.icon.ic_transfer_tabbar_medium:before {
    content: ""
}

.icon.ic_travel_medium:before {
    content: ""
}

.icon.ic_twitter_medium:before {
    content: ""
}

.icon.ic_upload_medium:before {
    content: ""
}

.icon.ic_videoconference_medium:before {
    content: ""
}

.icon.ic_wallet_medium:before {
    content: ""
}

.icon.ic_wealth_tax_medium:before {
    content: ""
}

.icon.ic_wine_medium:before {
    content: ""
}

.icon.ic_works_medium:before {
    content: ""
}

.icon.ic_add_small:before {
    content: ""
}

.icon.ic_calendar_small:before {
    content: ""
}

.icon.ic_card_small:before {
    content: ""
}

.icon.ic_check_small:before {
    content: ""
}

.icon.ic_document_small:before {
    content: ""
}

.icon.ic_eye_small:before {
    content: ""
}

.icon.ic_family_small:before {
    content: ""
}

.icon.ic_geolocation_small:before {
    content: ""
}

.icon.ic_insurance_small:before {
    content: ""
}

.icon.ic_loan_small:before {
    content: ""
}

.icon.ic_patrimony_small:before {
    content: ""
}

.icon.ic_personal_credit_small:before {
    content: ""
}

.icon.ic_phone_small:before {
    content: ""
}

.icon.ic_profile_small:before {
    content: ""
}

.icon.ic_rate_small:before {
    content: ""
}

.icon.ic_refresh_small:before {
    content: ""
}

.icon.ic_rib_small:before {
    content: ""
}

.icon.ic_savings_small:before {
    content: ""
}

.icon.ic_security_small:before {
    content: ""
}

.icon.ic_statut_small:before {
    content: ""
}

.icon.ic_stock_market_transaction_small:before {
    content: ""
}

.icon.ic_ATM_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_ATM_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_add_profile_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_add_profile_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_alert_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_alert_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_banknote_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_banknote_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_bell_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_bell_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_budget_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_budget_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_bye_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_bye_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_calendar_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_calendar_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_call_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_call_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_card_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_card_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_change_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_change_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_chat_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_chat_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_contact_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_contact_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_credit_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_credit_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_desert::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_desert.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_document_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_document_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_empty_savings_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_empty_savings_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_family_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_family_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_favorite_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_favorite_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_finger_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_finger_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_handicap_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_handicap_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_idea_large1::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_idea_large1.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_info_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_info_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_instant_payment_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_instant_payment_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_insurance_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_insurance_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_lock_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_lock_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_mail_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_mail_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_mobile_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_mobile_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_not_found_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_not_found_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_parking_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_parking_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_patrimony_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_patrimony_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_profile_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_profile_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_security_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_security_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_shopping_large1::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_shopping_large1.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_stop_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_stop_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_success_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_success_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_touch_id_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_touch_id_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_transfer_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_transfer_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_unlink_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_unlink_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.ic_wallet_large::before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(clientlib-resources/resources/images/imagesCrunchyLarge/ic_wallet_large.svg);
    width: 25px;
    height: 25px;
    display: block
}

.icon.npc-action-menu:before {
    content: ""
}

.icon.npc-add:before {
    content: ""
}

.icon.npc-add-user:before {
    content: ""
}

.icon.npc-after:before {
    content: ""
}

.icon.npc-arrow-down-filled:before {
    content: ""
}

.icon.npc-arrow-down:before {
    content: ""
}

.icon.npc-arrow-next:before {
    content: ""
}

.icon.npc-arrow-previous:before {
    content: ""
}

.icon.npc-arrow-up:before {
    content: ""
}

.icon.npc-attachment:before {
    content: ""
}

.icon.npc-avatar:before {
    content: ""
}

.icon.npc-bank:before {
    content: ""
}

.icon.npc-bell:before {
    content: ""
}

.icon.npc-birth-act:before {
    content: ""
}

.icon.npc-building:before {
    content: ""
}

.icon.npc-bulb:before {
    content: ""
}

.icon.npc-calculator:before {
    content: ""
}

.icon.npc-calendar:before {
    content: ""
}

.icon.npc-card:before {
    content: ""
}

.icon.npc-check:before {
    content: ""
}

.icon.npc-checked:before {
    content: ""
}

.icon.npc-chrono:before {
    content: ""
}

.icon.npc-circle-bar:before {
    content: ""
}

.icon.npc-circle-calendar:before {
    content: ""
}

.icon.npc-circle-dark-next:before {
    content: ""
}

.icon.npc-circle-dark-previous:before {
    content: ""
}

.icon.npc-circle-doc:before {
    content: ""
}

.icon.npc-circle-folder:before {
    content: ""
}

.icon.npc-circle-play:before {
    content: ""
}

.icon.npc-circle-plus:before {
    content: ""
}

.icon.npc-circle-send:before {
    content: ""
}

.icon.npc-circle-trademark:before {
    content: ""
}

.icon.npc-clock:before {
    content: ""
}

.icon.npc-close:before {
    content: ""
}

.icon.npc-day:before {
    content: ""
}

.icon.npc-decrease:before {
    content: ""
}

.icon.npc-devices:before {
    content: ""
}

.icon.npc-document-attached:before {
    content: ""
}

.icon.npc-document:before {
    content: ""
}

.icon.npc-done:before {
    content: ""
}

.icon.npc-download:before {
    content: ""
}

.icon.npc-driver-license-french:before {
    content: ""
}

.icon.npc-driver-license:before {
    content: ""
}

.icon.npc-engine:before {
    content: ""
}

.icon.npc-facebook:before {
    content: ""
}

.icon.npc-factory:before {
    content: ""
}

.icon.npc-family-record-book:before {
    content: ""
}

.icon.npc-flag:before {
    content: ""
}

.icon.npc-france:before {
    content: ""
}

.icon.npc-growth:before {
    content: ""
}

.icon.npc-hamburger:before {
    content: ""
}

.icon.npc-id-card:before {
    content: ""
}

.icon.npc-increase:before {
    content: ""
}

.icon.npc-information-blank:before {
    content: ""
}

.icon.npc-information:before {
    content: ""
}

.icon.npc-instagram:before {
    content: ""
}

.icon.npc-keypad:before {
    content: ""
}

.icon.npc-ko:before {
    content: ""
}

.icon.npc-left:before {
    content: ""
}

.icon.npc-linkedin:before {
    content: ""
}

.icon.npc-locator-blank:before {
    content: ""
}

.icon.npc-locator:before {
    content: ""
}

.icon.npc-logo-ca:before {
    content: ""
}

.icon.npc-magnifer:before {
    content: ""
}

.icon.npc-mail:before {
    content: ""
}

.icon.npc-masonry:before {
    content: ""
}

.icon.npc-mobile:before {
    content: ""
}

.icon.npc-money:before {
    content: ""
}

.icon.npc-ok:before {
    content: ""
}

.icon.npc-padlock-closed:before {
    content: ""
}

.icon.npc-padlock-dark-closed:before {
    content: ""
}

.icon.npc-padlock-dark-open:before {
    content: ""
}

.icon.npc-padlock-white-closed:before {
    content: ""
}

.icon.npc-passport:before {
    content: ""
}

.icon.npc-pencil:before {
    content: ""
}

.icon.npc-phone:before {
    content: ""
}

.icon.npc-pickup-phone:before {
    content: ""
}

.icon.npc-pie-chart-blank:before {
    content: ""
}

.icon.npc-pie-chart:before {
    content: ""
}

.icon.npc-pig:before {
    content: ""
}

.icon.npc-pin:before {
    content: ""
}

.icon.npc-play:before {
    content: ""
}

.icon.npc-plus:before {
    content: ""
}

.icon.npc-power:before {
    content: ""
}

.icon.npc-property-title:before {
    content: ""
}

.icon.npc-rain:before {
    content: ""
}

.icon.npc-rescue:before {
    content: ""
}

.icon.npc-right:before {
    content: ""
}

.icon.npc-separator:before {
    content: ""
}

.icon.npc-settings:before {
    content: ""
}

.icon.npc-share:before {
    content: ""
}

.icon.npc-smartphone-bank:before {
    content: ""
}

.icon.npc-smartphone:before {
    content: ""
}

.icon.npc-somebody:before {
    content: ""
}

.icon.npc-star:before {
    content: ""
}

.icon.npc-stepper:before {
    content: ""
}

.icon.npc-substract:before {
    content: ""
}

.icon.npc-sun:before {
    content: ""
}

.icon.npc-talk-blank:before {
    content: ""
}

.icon.npc-talk-connect:before {
    content: ""
}

.icon.npc-talk-dark:before {
    content: ""
}

.icon.npc-talk-information-dark:before {
    content: ""
}

.icon.npc-talk-information:before {
    content: ""
}

.icon.npc-talk-together:before {
    content: ""
}

.icon.npc-talk:before {
    content: ""
}

.icon.npc-together:before {
    content: ""
}

.icon.npc-transfer:before {
    content: ""
}

.icon.npc-tv:before {
    content: ""
}

.icon.npc-twitter-blank:before {
    content: ""
}

.icon.npc-twitter:before {
    content: ""
}

.icon.npc-umbrella:before {
    content: ""
}

.icon.npc-upload:before {
    content: ""
}

.icon.npc-user:before {
    content: ""
}

.icon.npc-viadeo:before {
    content: ""
}

.icon.npc-wall:before {
    content: ""
}

.icon.npc-wallet:before {
    content: ""
}

.icon.npc-youtube:before {
    content: ""
}

.icon.npc-google:before {
    content: ""
}

.icon.npc-rss:before {
    content: ""
}

.icon.npc-rounded-article:before {
    content: ""
}

.icon.npc-rounded-event:before {
    content: ""
}

.icon.npc-rounded-folder:before {
    content: ""
}

.icon.npc-rounded-infografics:before {
    content: ""
}

.icon.npc-rounded-video:before {
    content: ""
}

.icon.npc-trash:before {
    content: ""
}

.icon.npc-vocality:before {
    content: ""
}

.icon.npc-exclamation:before {
    content: ""
}

.icon.npc-star-lined:before {
    content: ""
}

.icon.npc-danger:before {
    content: ""
}

.icon.npc-star-full:before {
    content: ""
}

.icon.npc-calculator2:before {
    content: ""
}

.icon.npc-humanCheck:before {
    content: ""
}

.icon.npc-folder:before {
    content: ""
}

.icon.npc-plane:before {
    content: ""
}

.icon.npc-followMsg:before {
    content: ""
}

.icon.npc-mailNoBg:before {
    content: ""
}

.icon.npc-draft:before {
    content: ""
}

.icon.npc-mail2:before {
    content: ""
}

.icon.npc-exclamation2:before {
    content: ""
}

.icon.npc-boussole:before {
    content: ""
}

.icon.npc-effect:before {
    content: ""
}

.icon.npc-analyse:before {
    content: ""
}

.icon.npc-webedi:before {
    content: ""
}

.icon.npc-circleQuestion:before {
    content: ""
}

.icon.npc-shareScreen:before {
    content: ""
}

.icon.npc-parameters:before {
    content: ""
}

.icon.npc-increase-top:before {
    content: ""
}

.icon.npc-zoomLess:before {
    content: ""
}

.icon.npc-zoomMore:before {
    content: ""
}

.icon.npc-downloadTalk:before {
    content: ""
}

.icon.npc-dnc-categorie3:before {
    content: ""
}

.icon.npc-dnc-categorie23:before {
    content: ""
}

.icon.npc-dnc-categorie92:before {
    content: ""
}

.icon.npc-dnc-categorie94:before {
    content: ""
}

.icon.npc-dnc-categorie96:before {
    content: ""
}

.icon.npc-dnc-categorie97:before {
    content: ""
}

.icon.npc-dnc-categorie194:before {
    content: ""
}

.icon.npc-dnc-categorie196:before {
    content: ""
}

.icon.npc-dnc-categorie197:before {
    content: ""
}

.icon.npc-dnc-categorie343:before {
    content: ""
}

.icon.npc-dnc-categorie941:before {
    content: ""
}

.icon.npc-dnc-categorie3012:before {
    content: ""
}

.icon.npc-dnc-categorie99343:before {
    content: ""
}

.icon.npc-dnc-categorie99992:before {
    content: ""
}

.icon.npc-dnc-categorie:before {
    content: ""
}

.icon.npc-dnc-categorie71:before {
    content: ""
}

.icon.npc-dnc-categorie109:before {
    content: ""
}

.icon.npc-dnc-categorie111:before {
    content: ""
}

.icon.npc-locator-circle:before {
    content: ""
}

.icon.npc-arrow-next-thin:before {
    content: ""
}

.icon.npc-arrow-previous-thin:before {
    content: ""
}

.icon.npc-user-group:before {
    content: ""
}

.icon.npc-calendar1:before {
    content: ""
}

.icon.npc-help:before {
    content: ""
}

.icon.npc-list:before {
    content: ""
}

.icon.npc-print:before {
    content: ""
}

.icon.npc-mail3:before {
    content: ""
}

.icon.npc-rename:before {
    content: ""
}

.icon.npc-check2:before {
    content: ""
}

.icon.npc-withdrawal:before {
    content: ""
}

.icon.npc-bank2:before {
    content: ""
}

.icon.npc-debit:before {
    content: ""
}

.icon.npc-various:before {
    content: ""
}

.icon.npc-percentBack:before {
    content: ""
}

.icon.npc-transfer2:before {
    content: ""
}

.icon.npc-locator-circle-empty:before {
    content: ""
}

.icon.npc-advisor:before {
    content: ""
}

.icon.npc-advisor2:before {
    content: ""
}

.icon.npc-itinerary:before {
    content: ""
}

.icon.npc-printer:before {
    content: ""
}

.icon.npc-at:before {
    content: ""
}

.icon.npc-arrow-top:before {
    content: ""
}

.icon.npc-drag-drop:before {
    content: ""
}

.icon.npc-pencil2:before {
    content: ""
}

.icon.npc-cloud:before {
    content: ""
}

.icon.npc-rock--start:before {
    content: ""
}

.icon.npc-rock--end:before {
    content: ""
}

.icon.npc-portrait-landscape:before {
    content: ""
}

.icon.npc-sandglass:before {
    content: ""
}

.icon.npc-dnc-categorie615:before {
    content: ""
}

.icon.npc-dnc-categorie266:before {
    content: ""
}

.icon.npc-dnc-categorie363:before {
    content: ""
}

.icon.npc-dnc-categorie264:before {
    content: ""
}

.icon.npc-dnc-categorie207:before {
    content: ""
}

.icon.npc-dnc-categorie614:before {
    content: ""
}

.icon.npc-dnc-categorie617:before {
    content: ""
}

.icon.npc-dnc-categorie93:before {
    content: ""
}

.icon.npc-dnc-categorie269:before {
    content: ""
}

.icon.npc-dnc-categorie206:before {
    content: ""
}

.icon.npc-dnc-categorie613:before {
    content: ""
}

.icon.npc-dnc-categorie205:before {
    content: ""
}

.icon.npc-dnc-categorie263:before {
    content: ""
}

.icon.npc-dnc-categorie265:before {
    content: ""
}

.icon.npc-life-and-pension:before {
    content: ""
}

.icon.npc-instant-payment:before {
    content: ""
}

.icon.npc-e-documents:before {
    content: ""
}

.icon.npc-see:before {
    content: ""
}

.icon.npc-sort:before {
    content: ""
}

.icon.npc-cadeau:before {
    content: ""
}

.icon.npc-launch:before {
    content: ""
}

.icon.npc-contact:before {
    content: ""
}

.icon.npc-sign:before {
    content: ""
}

.icon.npc-exchange:before {
    content: ""
}

.icon.npc-planet:before {
    content: ""
}

.icon.npc-home:before {
    content: ""
}

.icon.npc-question:before {
    content: ""
}

.icon.npc-support:before {
    content: ""
}

.icon.npc-tiktok:before {
    content: ""
}

a {
    color: var(--msl-brand-primary);
    text-decoration: underline;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

a:focus,a:hover {
    color: #308276;
    text-decoration: underline
}

a:focus {
    outline: 0
}

.npc-msl-text-overflow-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-msl-text-overflow-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-msl-text-overflow-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-msl-text-overflow-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-msl-m-00 {
    margin: var(--msl-spacing-00)
}

.npc-msl-ml-00 {
    margin-left: var(--msl-spacing-00)
}

.npc-msl-mr-00 {
    margin-right: var(--msl-spacing-00)
}

.npc-msl-mt-00 {
    margin-top: var(--msl-spacing-00)
}

.npc-msl-mb-00 {
    margin-bottom: var(--msl-spacing-00)
}

.npc-msl-mx-00 {
    margin-left: var(--msl-spacing-00);
    margin-right: var(--msl-spacing-00)
}

.npc-msl-my-00 {
    margin-top: var(--msl-spacing-00);
    margin-bottom: var(--msl-spacing-00)
}

.npc-msl-p-00 {
    padding: var(--msl-spacing-00)
}

.npc-msl-pl-00 {
    padding-left: var(--msl-spacing-00)
}

.npc-msl-pr-00 {
    padding-right: var(--msl-spacing-00)
}

.npc-msl-pt-00 {
    padding-top: var(--msl-spacing-00)
}

.npc-msl-pb-00 {
    padding-bottom: var(--msl-spacing-00)
}

.npc-msl-px-00 {
    padding-left: var(--msl-spacing-00);
    padding-right: var(--msl-spacing-00)
}

.npc-msl-py-00 {
    padding-top: var(--msl-spacing-00);
    padding-bottom: var(--msl-spacing-00)
}

.npc-msl-g-00 {
    gap: var(--msl-spacing-00)
}

.npc-msl-m-50 {
    margin: var(--msl-spacing-50)
}

.npc-msl-ml-50 {
    margin-left: var(--msl-spacing-50)
}

.npc-msl-mr-50 {
    margin-right: var(--msl-spacing-50)
}

.npc-msl-mt-50 {
    margin-top: var(--msl-spacing-50)
}

.npc-msl-mb-50 {
    margin-bottom: var(--msl-spacing-50)
}

.npc-msl-mx-50 {
    margin-left: var(--msl-spacing-50);
    margin-right: var(--msl-spacing-50)
}

.npc-msl-my-50 {
    margin-top: var(--msl-spacing-50);
    margin-bottom: var(--msl-spacing-50)
}

.npc-msl-p-50 {
    padding: var(--msl-spacing-50)
}

.npc-msl-pl-50 {
    padding-left: var(--msl-spacing-50)
}

.npc-msl-pr-50 {
    padding-right: var(--msl-spacing-50)
}

.npc-msl-pt-50 {
    padding-top: var(--msl-spacing-50)
}

.npc-msl-pb-50 {
    padding-bottom: var(--msl-spacing-50)
}

.npc-msl-px-50 {
    padding-left: var(--msl-spacing-50);
    padding-right: var(--msl-spacing-50)
}

.npc-msl-py-50 {
    padding-top: var(--msl-spacing-50);
    padding-bottom: var(--msl-spacing-50)
}

.npc-msl-g-50 {
    gap: var(--msl-spacing-50)
}

.npc-msl-m-75 {
    margin: var(--msl-spacing-75)
}

.npc-msl-ml-75 {
    margin-left: var(--msl-spacing-75)
}

.npc-msl-mr-75 {
    margin-right: var(--msl-spacing-75)
}

.npc-msl-mt-75 {
    margin-top: var(--msl-spacing-75)
}

.npc-msl-mb-75 {
    margin-bottom: var(--msl-spacing-75)
}

.npc-msl-mx-75 {
    margin-left: var(--msl-spacing-75);
    margin-right: var(--msl-spacing-75)
}

.npc-msl-my-75 {
    margin-top: var(--msl-spacing-75);
    margin-bottom: var(--msl-spacing-75)
}

.npc-msl-p-75 {
    padding: var(--msl-spacing-75)
}

.npc-msl-pl-75 {
    padding-left: var(--msl-spacing-75)
}

.npc-msl-pr-75 {
    padding-right: var(--msl-spacing-75)
}

.npc-msl-pt-75 {
    padding-top: var(--msl-spacing-75)
}

.npc-msl-pb-75 {
    padding-bottom: var(--msl-spacing-75)
}

.npc-msl-px-75 {
    padding-left: var(--msl-spacing-75);
    padding-right: var(--msl-spacing-75)
}

.npc-msl-py-75 {
    padding-top: var(--msl-spacing-75);
    padding-bottom: var(--msl-spacing-75)
}

.npc-msl-g-75 {
    gap: var(--msl-spacing-75)
}

.npc-msl-m-100 {
    margin: var(--msl-spacing-100)
}

.npc-msl-ml-100 {
    margin-left: var(--msl-spacing-100)
}

.npc-msl-mr-100 {
    margin-right: var(--msl-spacing-100)
}

.npc-msl-mt-100 {
    margin-top: var(--msl-spacing-100)
}

.npc-msl-mb-100 {
    margin-bottom: var(--msl-spacing-100)
}

.npc-msl-mx-100 {
    margin-left: var(--msl-spacing-100);
    margin-right: var(--msl-spacing-100)
}

.npc-msl-my-100 {
    margin-top: var(--msl-spacing-100);
    margin-bottom: var(--msl-spacing-100)
}

.npc-msl-p-100 {
    padding: var(--msl-spacing-100)
}

.npc-msl-pl-100 {
    padding-left: var(--msl-spacing-100)
}

.npc-msl-pr-100 {
    padding-right: var(--msl-spacing-100)
}

.npc-msl-pt-100 {
    padding-top: var(--msl-spacing-100)
}

.npc-msl-pb-100 {
    padding-bottom: var(--msl-spacing-100)
}

.npc-msl-px-100 {
    padding-left: var(--msl-spacing-100);
    padding-right: var(--msl-spacing-100)
}

.npc-msl-py-100 {
    padding-top: var(--msl-spacing-100);
    padding-bottom: var(--msl-spacing-100)
}

.npc-msl-g-100 {
    gap: var(--msl-spacing-100)
}

.npc-msl-m-150 {
    margin: var(--msl-spacing-150)
}

.npc-msl-ml-150 {
    margin-left: var(--msl-spacing-150)
}

.npc-msl-mr-150 {
    margin-right: var(--msl-spacing-150)
}

.npc-msl-mt-150 {
    margin-top: var(--msl-spacing-150)
}

.npc-msl-mb-150 {
    margin-bottom: var(--msl-spacing-150)
}

.npc-msl-mx-150 {
    margin-left: var(--msl-spacing-150);
    margin-right: var(--msl-spacing-150)
}

.npc-msl-my-150 {
    margin-top: var(--msl-spacing-150);
    margin-bottom: var(--msl-spacing-150)
}

.npc-msl-p-150 {
    padding: var(--msl-spacing-150)
}

.npc-msl-pl-150 {
    padding-left: var(--msl-spacing-150)
}

.npc-msl-pr-150 {
    padding-right: var(--msl-spacing-150)
}

.npc-msl-pt-150 {
    padding-top: var(--msl-spacing-150)
}

.npc-msl-pb-150 {
    padding-bottom: var(--msl-spacing-150)
}

.npc-msl-px-150 {
    padding-left: var(--msl-spacing-150);
    padding-right: var(--msl-spacing-150)
}

.npc-msl-py-150 {
    padding-top: var(--msl-spacing-150);
    padding-bottom: var(--msl-spacing-150)
}

.npc-msl-g-150 {
    gap: var(--msl-spacing-150)
}

.npc-msl-m-200 {
    margin: var(--msl-spacing-200)
}

.npc-msl-ml-200 {
    margin-left: var(--msl-spacing-200)
}

.npc-msl-mr-200 {
    margin-right: var(--msl-spacing-200)
}

.npc-msl-mt-200 {
    margin-top: var(--msl-spacing-200)
}

.npc-msl-mb-200 {
    margin-bottom: var(--msl-spacing-200)
}

.npc-msl-mx-200 {
    margin-left: var(--msl-spacing-200);
    margin-right: var(--msl-spacing-200)
}

.npc-msl-my-200 {
    margin-top: var(--msl-spacing-200);
    margin-bottom: var(--msl-spacing-200)
}

.npc-msl-p-200 {
    padding: var(--msl-spacing-200)
}

.npc-msl-pl-200 {
    padding-left: var(--msl-spacing-200)
}

.npc-msl-pr-200 {
    padding-right: var(--msl-spacing-200)
}

.npc-msl-pt-200 {
    padding-top: var(--msl-spacing-200)
}

.npc-msl-pb-200 {
    padding-bottom: var(--msl-spacing-200)
}

.npc-msl-px-200 {
    padding-left: var(--msl-spacing-200);
    padding-right: var(--msl-spacing-200)
}

.npc-msl-py-200 {
    padding-top: var(--msl-spacing-200);
    padding-bottom: var(--msl-spacing-200)
}

.npc-msl-g-200 {
    gap: var(--msl-spacing-200)
}

.npc-msl-m-300 {
    margin: var(--msl-spacing-300)
}

.npc-msl-ml-300 {
    margin-left: var(--msl-spacing-300)
}

.npc-msl-mr-300 {
    margin-right: var(--msl-spacing-300)
}

.npc-msl-mt-300 {
    margin-top: var(--msl-spacing-300)
}

.npc-msl-mb-300 {
    margin-bottom: var(--msl-spacing-300)
}

.npc-msl-mx-300 {
    margin-left: var(--msl-spacing-300);
    margin-right: var(--msl-spacing-300)
}

.npc-msl-my-300 {
    margin-top: var(--msl-spacing-300);
    margin-bottom: var(--msl-spacing-300)
}

.npc-msl-p-300 {
    padding: var(--msl-spacing-300)
}

.npc-msl-pl-300 {
    padding-left: var(--msl-spacing-300)
}

.npc-msl-pr-300 {
    padding-right: var(--msl-spacing-300)
}

.npc-msl-pt-300 {
    padding-top: var(--msl-spacing-300)
}

.npc-msl-pb-300 {
    padding-bottom: var(--msl-spacing-300)
}

.npc-msl-px-300 {
    padding-left: var(--msl-spacing-300);
    padding-right: var(--msl-spacing-300)
}

.npc-msl-py-300 {
    padding-top: var(--msl-spacing-300);
    padding-bottom: var(--msl-spacing-300)
}

.npc-msl-g-300 {
    gap: var(--msl-spacing-300)
}

.npc-msl-m-400 {
    margin: var(--msl-spacing-400)
}

.npc-msl-ml-400 {
    margin-left: var(--msl-spacing-400)
}

.npc-msl-mr-400 {
    margin-right: var(--msl-spacing-400)
}

.npc-msl-mt-400 {
    margin-top: var(--msl-spacing-400)
}

.npc-msl-mb-400 {
    margin-bottom: var(--msl-spacing-400)
}

.npc-msl-mx-400 {
    margin-left: var(--msl-spacing-400);
    margin-right: var(--msl-spacing-400)
}

.npc-msl-my-400 {
    margin-top: var(--msl-spacing-400);
    margin-bottom: var(--msl-spacing-400)
}

.npc-msl-p-400 {
    padding: var(--msl-spacing-400)
}

.npc-msl-pl-400 {
    padding-left: var(--msl-spacing-400)
}

.npc-msl-pr-400 {
    padding-right: var(--msl-spacing-400)
}

.npc-msl-pt-400 {
    padding-top: var(--msl-spacing-400)
}

.npc-msl-pb-400 {
    padding-bottom: var(--msl-spacing-400)
}

.npc-msl-px-400 {
    padding-left: var(--msl-spacing-400);
    padding-right: var(--msl-spacing-400)
}

.npc-msl-py-400 {
    padding-top: var(--msl-spacing-400);
    padding-bottom: var(--msl-spacing-400)
}

.npc-msl-g-400 {
    gap: var(--msl-spacing-400)
}

.npc-msl-m-500 {
    margin: var(--msl-spacing-500)
}

.npc-msl-ml-500 {
    margin-left: var(--msl-spacing-500)
}

.npc-msl-mr-500 {
    margin-right: var(--msl-spacing-500)
}

.npc-msl-mt-500 {
    margin-top: var(--msl-spacing-500)
}

.npc-msl-mb-500 {
    margin-bottom: var(--msl-spacing-500)
}

.npc-msl-mx-500 {
    margin-left: var(--msl-spacing-500);
    margin-right: var(--msl-spacing-500)
}

.npc-msl-my-500 {
    margin-top: var(--msl-spacing-500);
    margin-bottom: var(--msl-spacing-500)
}

.npc-msl-p-500 {
    padding: var(--msl-spacing-500)
}

.npc-msl-pl-500 {
    padding-left: var(--msl-spacing-500)
}

.npc-msl-pr-500 {
    padding-right: var(--msl-spacing-500)
}

.npc-msl-pt-500 {
    padding-top: var(--msl-spacing-500)
}

.npc-msl-pb-500 {
    padding-bottom: var(--msl-spacing-500)
}

.npc-msl-px-500 {
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.npc-msl-py-500 {
    padding-top: var(--msl-spacing-500);
    padding-bottom: var(--msl-spacing-500)
}

.npc-msl-g-500 {
    gap: var(--msl-spacing-500)
}

.npc-msl-m-800 {
    margin: var(--msl-spacing-800)
}

.npc-msl-ml-800 {
    margin-left: var(--msl-spacing-800)
}

.npc-msl-mr-800 {
    margin-right: var(--msl-spacing-800)
}

.npc-msl-mt-800 {
    margin-top: var(--msl-spacing-800)
}

.npc-msl-mb-800 {
    margin-bottom: var(--msl-spacing-800)
}

.npc-msl-mx-800 {
    margin-left: var(--msl-spacing-800);
    margin-right: var(--msl-spacing-800)
}

.npc-msl-my-800 {
    margin-top: var(--msl-spacing-800);
    margin-bottom: var(--msl-spacing-800)
}

.npc-msl-p-800 {
    padding: var(--msl-spacing-800)
}

.npc-msl-pl-800 {
    padding-left: var(--msl-spacing-800)
}

.npc-msl-pr-800 {
    padding-right: var(--msl-spacing-800)
}

.npc-msl-pt-800 {
    padding-top: var(--msl-spacing-800)
}

.npc-msl-pb-800 {
    padding-bottom: var(--msl-spacing-800)
}

.npc-msl-px-800 {
    padding-left: var(--msl-spacing-800);
    padding-right: var(--msl-spacing-800)
}

.npc-msl-py-800 {
    padding-top: var(--msl-spacing-800);
    padding-bottom: var(--msl-spacing-800)
}

.npc-msl-g-800 {
    gap: var(--msl-spacing-800)
}

.npc-msl-m-600 {
    margin: 48px
}

.npc-msl-ml-600 {
    margin-left: 48px
}

.npc-msl-mr-600 {
    margin-right: 48px
}

.npc-msl-mt-600 {
    margin-top: 48px
}

.npc-msl-mb-600 {
    margin-bottom: 48px
}

.npc-msl-mx-600 {
    margin-left: 48px;
    margin-right: 48px
}

.npc-msl-my-600 {
    margin-top: 48px;
    margin-bottom: 48px
}

.npc-msl-p-600 {
    padding: 48px
}

.npc-msl-pl-600 {
    padding-left: 48px
}

.npc-msl-pr-600 {
    padding-right: 48px
}

.npc-msl-pt-600 {
    padding-top: 48px
}

.npc-msl-pb-600 {
    padding-bottom: 48px
}

.npc-msl-px-600 {
    padding-left: 48px;
    padding-right: 48px
}

.npc-msl-py-600 {
    padding-top: 48px;
    padding-bottom: 48px
}

.npc-msl-g-600 {
    gap: 48px
}

.npc-msl-m-700 {
    margin: 56px
}

.npc-msl-ml-700 {
    margin-left: 56px
}

.npc-msl-mr-700 {
    margin-right: 56px
}

.npc-msl-mt-700 {
    margin-top: 56px
}

.npc-msl-mb-700 {
    margin-bottom: 56px
}

.npc-msl-mx-700 {
    margin-left: 56px;
    margin-right: 56px
}

.npc-msl-my-700 {
    margin-top: 56px;
    margin-bottom: 56px
}

.npc-msl-p-700 {
    padding: 56px
}

.npc-msl-pl-700 {
    padding-left: 56px
}

.npc-msl-pr-700 {
    padding-right: 56px
}

.npc-msl-pt-700 {
    padding-top: 56px
}

.npc-msl-pb-700 {
    padding-bottom: 56px
}

.npc-msl-px-700 {
    padding-left: 56px;
    padding-right: 56px
}

.npc-msl-py-700 {
    padding-top: 56px;
    padding-bottom: 56px
}

.npc-msl-g-700 {
    gap: 56px
}

.npc-msl-m-1000 {
    margin: 80px
}

.npc-msl-ml-1000 {
    margin-left: 80px
}

.npc-msl-mr-1000 {
    margin-right: 80px
}

.npc-msl-mt-1000 {
    margin-top: 80px
}

.npc-msl-mb-1000 {
    margin-bottom: 80px
}

.npc-msl-mx-1000 {
    margin-left: 80px;
    margin-right: 80px
}

.npc-msl-my-1000 {
    margin-top: 80px;
    margin-bottom: 80px
}

.npc-msl-p-1000 {
    padding: 80px
}

.npc-msl-pl-1000 {
    padding-left: 80px
}

.npc-msl-pr-1000 {
    padding-right: 80px
}

.npc-msl-pt-1000 {
    padding-top: 80px
}

.npc-msl-pb-1000 {
    padding-bottom: 80px
}

.npc-msl-px-1000 {
    padding-left: 80px;
    padding-right: 80px
}

.npc-msl-py-1000 {
    padding-top: 80px;
    padding-bottom: 80px
}

.npc-msl-g-1000 {
    gap: 80px
}

.npc-msl-m-1500 {
    margin: 120px
}

.npc-msl-ml-1500 {
    margin-left: 120px
}

.npc-msl-mr-1500 {
    margin-right: 120px
}

.npc-msl-mt-1500 {
    margin-top: 120px
}

.npc-msl-mb-1500 {
    margin-bottom: 120px
}

.npc-msl-mx-1500 {
    margin-left: 120px;
    margin-right: 120px
}

.npc-msl-my-1500 {
    margin-top: 120px;
    margin-bottom: 120px
}

@media (max-width: 649px) {
    .npc-msl-mobile-mb-200 {
        margin-bottom:var(--msl-spacing-200)
    }
}

.npc-msl-p-1500 {
    padding: 120px
}

.npc-msl-pl-1500 {
    padding-left: 120px
}

.npc-msl-pr-1500 {
    padding-right: 120px
}

.npc-msl-pt-1500 {
    padding-top: 120px
}

.npc-msl-pb-1500 {
    padding-bottom: 120px
}

.npc-msl-px-1500 {
    padding-left: 120px;
    padding-right: 120px
}

.npc-msl-py-1500 {
    padding-top: 120px;
    padding-bottom: 120px
}

.npc-msl-g-1500 {
    gap: 120px
}

.npc-msl-bg-primary {
    background: var(--msl-brand-primary)
}

.npc-msl-border-primary {
    border: 1px solid var(--msl-brand-primary)
}

.npc-msl-border-color-primary {
    border-color: var(--msl-brand-primary)
}

.npc-msl-color-primary {
    color: var(--msl-brand-primary)
}

.npc-msl-color-important-primary {
    color: var(--msl-brand-primary)!important
}

.npc-msl-bg-secondary-100 {
    background: var(--msl-brand-secondary-100)
}

.npc-msl-border-secondary-100 {
    border: 1px solid var(--msl-brand-secondary-100)
}

.npc-msl-border-color-secondary-100 {
    border-color: var(--msl-brand-secondary-100)
}

.npc-msl-color-secondary-100 {
    color: var(--msl-brand-secondary-100)
}

.npc-msl-color-important-secondary-100 {
    color: var(--msl-brand-secondary-100)!important
}

.npc-msl-bg-secondary-150,.npc-template-comparateur-content--ancre .cat-link.cat-active .cat-label {
    background: var(--msl-brand-secondary-150)
}

.npc-msl-border-secondary-150 {
    border: 1px solid var(--msl-brand-secondary-150)
}

.npc-msl-border-color-secondary-150 {
    border-color: var(--msl-brand-secondary-150)
}

.npc-msl-color-secondary-150 {
    color: var(--msl-brand-secondary-150)
}

.npc-msl-color-important-secondary-150 {
    color: var(--msl-brand-secondary-150)!important
}

.npc-msl-bg-secondary-200 {
    background: var(--msl-brand-secondary-200)
}

.npc-msl-border-secondary-200 {
    border: 1px solid var(--msl-brand-secondary-200)
}

.npc-msl-border-color-secondary-200 {
    border-color: var(--msl-brand-secondary-200)
}

.npc-msl-color-secondary-200 {
    color: var(--msl-brand-secondary-200)
}

.npc-msl-color-important-secondary-200 {
    color: var(--msl-brand-secondary-200)!important
}

.npc-msl-bg-secondary-300 {
    background: var(--msl-brand-secondary-300)
}

.npc-msl-border-secondary-300 {
    border: 1px solid var(--msl-brand-secondary-300)
}

.npc-msl-border-color-secondary-300 {
    border-color: var(--msl-brand-secondary-300)
}

.npc-msl-color-secondary-300 {
    color: var(--msl-brand-secondary-300)
}

.npc-msl-color-important-secondary-300 {
    color: var(--msl-brand-secondary-300)!important
}

.npc-msl-bg-secondary-400 {
    background: var(--msl-brand-secondary-400)
}

.npc-msl-border-secondary-400 {
    border: 1px solid var(--msl-brand-secondary-400)
}

.npc-msl-border-color-secondary-400 {
    border-color: var(--msl-brand-secondary-400)
}

.npc-msl-color-secondary-400 {
    color: var(--msl-brand-secondary-400)
}

.npc-msl-color-important-secondary-400 {
    color: var(--msl-brand-secondary-400)!important
}

.npc-msl-bg-secondary-500 {
    background: var(--msl-brand-secondary-500)
}

.npc-msl-border-secondary-500 {
    border: 1px solid var(--msl-brand-secondary-500)
}

.npc-msl-border-color-secondary-500 {
    border-color: var(--msl-brand-secondary-500)
}

.npc-msl-color-secondary-500 {
    color: var(--msl-brand-secondary-500)
}

.npc-msl-color-important-secondary-500 {
    color: var(--msl-brand-secondary-500)!important
}

.npc-msl-bg-secondary-600 {
    background: var(--msl-brand-secondary-600)
}

.npc-msl-border-secondary-600 {
    border: 1px solid var(--msl-brand-secondary-600)
}

.npc-msl-border-color-secondary-600 {
    border-color: var(--msl-brand-secondary-600)
}

.npc-msl-color-secondary-600 {
    color: var(--msl-brand-secondary-600)
}

.npc-msl-color-important-secondary-600 {
    color: var(--msl-brand-secondary-600)!important
}

.npc-msl-bg-notification-100 {
    background: var(--msl-bg-notification)
}

.npc-msl-border-notification-100 {
    border: 1px solid var(--msl-bg-notification)
}

.npc-msl-border-color-notification-100 {
    border-color: var(--msl-bg-notification)
}

.npc-msl-color-notification-100 {
    color: var(--msl-bg-notification)
}

.npc-msl-color-important-notification-100 {
    color: var(--msl-bg-notification)!important
}

.npc-msl-bg-danger-100 {
    background: var(--msl-functionnal-danger-100)
}

.npc-msl-border-danger-100 {
    border: 1px solid var(--msl-functionnal-danger-100)
}

.npc-msl-border-color-danger-100 {
    border-color: var(--msl-functionnal-danger-100)
}

.npc-msl-color-danger-100 {
    color: var(--msl-functionnal-danger-100)
}

.npc-msl-color-important-danger-100 {
    color: var(--msl-functionnal-danger-100)!important
}

.npc-msl-bg-danger-50 {
    background: var(--msl-functionnal-danger-50)
}

.npc-msl-border-danger-50 {
    border: 1px solid var(--msl-functionnal-danger-50)
}

.npc-msl-border-color-danger-50 {
    border-color: var(--msl-functionnal-danger-50)
}

.npc-msl-color-danger-50 {
    color: var(--msl-functionnal-danger-50)
}

.npc-msl-color-important-danger-50 {
    color: var(--msl-functionnal-danger-50)!important
}

.npc-msl-bg-danger-30 {
    background: var(--msl-functionnal-danger-30)
}

.npc-msl-border-danger-30 {
    border: 1px solid var(--msl-functionnal-danger-30)
}

.npc-msl-border-color-danger-30 {
    border-color: var(--msl-functionnal-danger-30)
}

.npc-msl-color-danger-30 {
    color: var(--msl-functionnal-danger-30)
}

.npc-msl-color-important-danger-30 {
    color: var(--msl-functionnal-danger-30)!important
}

.npc-msl-bg-success-100 {
    background: var(--msl-functionnal-success-100)
}

.npc-msl-border-success-100 {
    border: 1px solid var(--msl-functionnal-success-100)
}

.npc-msl-border-color-success-100 {
    border-color: var(--msl-functionnal-success-100)
}

.npc-msl-color-success-100 {
    color: var(--msl-functionnal-success-100)
}

.npc-msl-color-important-success-100 {
    color: var(--msl-functionnal-success-100)!important
}

.npc-msl-bg-success-50 {
    background: var(--msl-functionnal-success-50)
}

.npc-msl-border-success-50 {
    border: 1px solid var(--msl-functionnal-success-50)
}

.npc-msl-border-color-success-50 {
    border-color: var(--msl-functionnal-success-50)
}

.npc-msl-color-success-50 {
    color: var(--msl-functionnal-success-50)
}

.npc-msl-color-important-success-50 {
    color: var(--msl-functionnal-success-50)!important
}

.npc-msl-bg-success-30 {
    background: var(--msl-functionnal-success-30)
}

.npc-msl-border-success-30 {
    border: 1px solid var(--msl-functionnal-success-30)
}

.npc-msl-border-color-success-30 {
    border-color: var(--msl-functionnal-success-30)
}

.npc-msl-color-success-30 {
    color: var(--msl-functionnal-success-30)
}

.npc-msl-color-important-success-30 {
    color: var(--msl-functionnal-success-30)!important
}

.npc-msl-bg-information-100 {
    background: var(--msl-functionnal-information-100)
}

.npc-msl-border-information-100 {
    border: 1px solid var(--msl-functionnal-information-100)
}

.npc-msl-border-color-information-100 {
    border-color: var(--msl-functionnal-information-100)
}

.npc-msl-color-information-100 {
    color: var(--msl-functionnal-information-100)
}

.npc-msl-color-important-information-100 {
    color: var(--msl-functionnal-information-100)!important
}

.npc-msl-bg-information-50 {
    background: var(--msl-functionnal-information-50)
}

.npc-msl-border-information-50 {
    border: 1px solid var(--msl-functionnal-information-50)
}

.npc-msl-border-color-information-50 {
    border-color: var(--msl-functionnal-information-50)
}

.npc-msl-color-information-50 {
    color: var(--msl-functionnal-information-50)
}

.npc-msl-color-important-information-50 {
    color: var(--msl-functionnal-information-50)!important
}

.npc-msl-bg-information-30 {
    background: var(--msl-functionnal-information-30)
}

.npc-msl-border-information-30 {
    border: 1px solid var(--msl-functionnal-information-30)
}

.npc-msl-border-color-information-30 {
    border-color: var(--msl-functionnal-information-30)
}

.npc-msl-color-information-30 {
    color: var(--msl-functionnal-information-30)
}

.npc-msl-color-important-information-30 {
    color: var(--msl-functionnal-information-30)!important
}

.npc-msl-bg-warning-100 {
    background: var(--msl-functionnal-warning-100)
}

.npc-msl-border-warning-100 {
    border: 1px solid var(--msl-functionnal-warning-100)
}

.npc-msl-border-color-warning-100 {
    border-color: var(--msl-functionnal-warning-100)
}

.npc-msl-color-warning-100 {
    color: var(--msl-functionnal-warning-100)
}

.npc-msl-color-important-warning-100 {
    color: var(--msl-functionnal-warning-100)!important
}

.npc-msl-bg-warning-50 {
    background: var(--msl-functionnal-warning-50)
}

.npc-msl-border-warning-50 {
    border: 1px solid var(--msl-functionnal-warning-50)
}

.npc-msl-border-color-warning-50 {
    border-color: var(--msl-functionnal-warning-50)
}

.npc-msl-color-warning-50 {
    color: var(--msl-functionnal-warning-50)
}

.npc-msl-color-important-warning-50 {
    color: var(--msl-functionnal-warning-50)!important
}

.npc-msl-bg-warning-30 {
    background: var(--msl-functionnal-warning-30)
}

.npc-msl-border-warning-30 {
    border: 1px solid var(--msl-functionnal-warning-30)
}

.npc-msl-border-color-warning-30 {
    border-color: var(--msl-functionnal-warning-30)
}

.npc-msl-color-warning-30 {
    color: var(--msl-functionnal-warning-30)
}

.npc-msl-color-important-warning-30 {
    color: var(--msl-functionnal-warning-30)!important
}

.npc-msl-bg-contact {
    background: var(--msl-functionnal-contact)
}

.npc-msl-border-contact {
    border: 1px solid var(--msl-functionnal-contact)
}

.npc-msl-border-color-contact {
    border-color: var(--msl-functionnal-contact)
}

.npc-msl-color-contact {
    color: var(--msl-functionnal-contact)
}

.npc-msl-color-important-contact {
    color: var(--msl-functionnal-contact)!important
}

.npc-msl-bg-grey-000 {
    background: var(--msl-artwork-grey-0)
}

.npc-msl-border-grey-000 {
    border: 1px solid var(--msl-artwork-grey-0)
}

.npc-msl-border-color-grey-000 {
    border-color: var(--msl-artwork-grey-0)
}

.npc-msl-color-grey-000 {
    color: var(--msl-artwork-grey-0)
}

.npc-msl-color-important-grey-000 {
    color: var(--msl-artwork-grey-0)!important
}

.npc-msl-bg-grey-50 {
    background: var(--msl-artwork-grey-50)
}

.npc-msl-border-grey-50 {
    border: 1px solid var(--msl-artwork-grey-50)
}

.npc-msl-border-color-grey-50 {
    border-color: var(--msl-artwork-grey-50)
}

.npc-msl-color-grey-50 {
    color: var(--msl-artwork-grey-50)
}

.npc-msl-color-important-grey-50 {
    color: var(--msl-artwork-grey-50)!important
}

.npc-msl-bg-grey-100 {
    background: var(--msl-artwork-grey-100)
}

.npc-msl-border-grey-100 {
    border: 1px solid var(--msl-artwork-grey-100)
}

.npc-msl-border-color-grey-100 {
    border-color: var(--msl-artwork-grey-100)
}

.npc-msl-color-grey-100 {
    color: var(--msl-artwork-grey-100)
}

.npc-msl-color-important-grey-100 {
    color: var(--msl-artwork-grey-100)!important
}

.npc-msl-bg-grey-200 {
    background: var(--msl-artwork-grey-200)
}

.npc-msl-border-grey-200 {
    border: 1px solid var(--msl-artwork-grey-200)
}

.npc-msl-border-color-grey-200 {
    border-color: var(--msl-artwork-grey-200)
}

.npc-msl-color-grey-200 {
    color: var(--msl-artwork-grey-200)
}

.npc-msl-color-important-grey-200 {
    color: var(--msl-artwork-grey-200)!important
}

.npc-msl-bg-grey-300 {
    background: var(--msl-artwork-grey-300)
}

.npc-msl-border-grey-300 {
    border: 1px solid var(--msl-artwork-grey-300)
}

.npc-msl-border-color-grey-300 {
    border-color: var(--msl-artwork-grey-300)
}

.npc-msl-color-grey-300 {
    color: var(--msl-artwork-grey-300)
}

.npc-msl-color-important-grey-300 {
    color: var(--msl-artwork-grey-300)!important
}

.npc-msl-bg-grey-400 {
    background: var(--msl-artwork-grey-400)
}

.npc-msl-border-grey-400 {
    border: 1px solid var(--msl-artwork-grey-400)
}

.npc-msl-border-color-grey-400 {
    border-color: var(--msl-artwork-grey-400)
}

.npc-msl-color-grey-400 {
    color: var(--msl-artwork-grey-400)
}

.npc-msl-color-important-grey-400 {
    color: var(--msl-artwork-grey-400)!important
}

.npc-msl-bg-grey-500 {
    background: var(--msl-artwork-grey-500)
}

.npc-msl-border-grey-500 {
    border: 1px solid var(--msl-artwork-grey-500)
}

.npc-msl-border-color-grey-500 {
    border-color: var(--msl-artwork-grey-500)
}

.npc-msl-color-grey-500 {
    color: var(--msl-artwork-grey-500)
}

.npc-msl-color-important-grey-500 {
    color: var(--msl-artwork-grey-500)!important
}

.npc-msl-bg-grey-600 {
    background: var(--msl-artwork-grey-600)
}

.npc-msl-border-grey-600 {
    border: 1px solid var(--msl-artwork-grey-600)
}

.npc-msl-border-color-grey-600 {
    border-color: var(--msl-artwork-grey-600)
}

.npc-msl-color-grey-600 {
    color: var(--msl-artwork-grey-600)
}

.npc-msl-color-important-grey-600 {
    color: var(--msl-artwork-grey-600)!important
}

.npc-msl-bg-grey-700 {
    background: var(--msl-artwork-grey-700)
}

.npc-msl-border-grey-700 {
    border: 1px solid var(--msl-artwork-grey-700)
}

.npc-msl-border-color-grey-700 {
    border-color: var(--msl-artwork-grey-700)
}

.npc-msl-color-grey-700 {
    color: var(--msl-artwork-grey-700)
}

.npc-msl-color-important-grey-700 {
    color: var(--msl-artwork-grey-700)!important
}

.npc-msl-bg-grey-800 {
    background: var(--msl-artwork-grey-800)
}

.npc-msl-border-grey-800 {
    border: 1px solid var(--msl-artwork-grey-800)
}

.npc-msl-border-color-grey-800 {
    border-color: var(--msl-artwork-grey-800)
}

.npc-msl-color-grey-800 {
    color: var(--msl-artwork-grey-800)
}

.npc-msl-color-important-grey-800 {
    color: var(--msl-artwork-grey-800)!important
}

.npc-msl-bg-grey-900 {
    background: var(--msl-artwork-grey-900)
}

.npc-msl-border-grey-900 {
    border: 1px solid var(--msl-artwork-grey-900)
}

.npc-msl-border-color-grey-900 {
    border-color: var(--msl-artwork-grey-900)
}

.npc-msl-color-grey-900 {
    color: var(--msl-artwork-grey-900)
}

.npc-msl-color-important-grey-900 {
    color: var(--msl-artwork-grey-900)!important
}

.npc-msl-bg-grey-1000 {
    background: var(--msl-artwork-grey-1000)
}

.npc-msl-border-grey-1000 {
    border: 1px solid var(--msl-artwork-grey-1000)
}

.npc-msl-border-color-grey-1000 {
    border-color: var(--msl-artwork-grey-1000)
}

.npc-msl-color-grey-1000 {
    color: var(--msl-artwork-grey-1000)
}

.npc-msl-color-important-grey-1000 {
    color: var(--msl-artwork-grey-1000)!important
}

.npc-msl-bg-blue-50 {
    background: var(--msl-artwork-blue-50)
}

.npc-msl-border-blue-50 {
    border: 1px solid var(--msl-artwork-blue-50)
}

.npc-msl-border-color-blue-50 {
    border-color: var(--msl-artwork-blue-50)
}

.npc-msl-color-blue-50 {
    color: var(--msl-artwork-blue-50)
}

.npc-msl-color-important-blue-50 {
    color: var(--msl-artwork-blue-50)!important
}

.npc-msl-bg-blue-100 {
    background: var(--msl-artwork-blue-100)
}

.npc-msl-border-blue-100 {
    border: 1px solid var(--msl-artwork-blue-100)
}

.npc-msl-border-color-blue-100 {
    border-color: var(--msl-artwork-blue-100)
}

.npc-msl-color-blue-100 {
    color: var(--msl-artwork-blue-100)
}

.npc-msl-color-important-blue-100 {
    color: var(--msl-artwork-blue-100)!important
}

.npc-msl-bg-blue-200 {
    background: var(--msl-artwork-blue-200)
}

.npc-msl-border-blue-200 {
    border: 1px solid var(--msl-artwork-blue-200)
}

.npc-msl-border-color-blue-200 {
    border-color: var(--msl-artwork-blue-200)
}

.npc-msl-color-blue-200 {
    color: var(--msl-artwork-blue-200)
}

.npc-msl-color-important-blue-200 {
    color: var(--msl-artwork-blue-200)!important
}

.npc-msl-bg-blue-300 {
    background: var(--msl-artwork-blue-300)
}

.npc-msl-border-blue-300 {
    border: 1px solid var(--msl-artwork-blue-300)
}

.npc-msl-border-color-blue-300 {
    border-color: var(--msl-artwork-blue-300)
}

.npc-msl-color-blue-300 {
    color: var(--msl-artwork-blue-300)
}

.npc-msl-color-important-blue-300 {
    color: var(--msl-artwork-blue-300)!important
}

.npc-msl-bg-blue-400 {
    background: var(--msl-artwork-blue-400)
}

.npc-msl-border-blue-400 {
    border: 1px solid var(--msl-artwork-blue-400)
}

.npc-msl-border-color-blue-400 {
    border-color: var(--msl-artwork-blue-400)
}

.npc-msl-color-blue-400 {
    color: var(--msl-artwork-blue-400)
}

.npc-msl-color-important-blue-400 {
    color: var(--msl-artwork-blue-400)!important
}

.npc-msl-bg-blue-500 {
    background: var(--msl-artwork-blue-500)
}

.npc-msl-border-blue-500 {
    border: 1px solid var(--msl-artwork-blue-500)
}

.npc-msl-border-color-blue-500 {
    border-color: var(--msl-artwork-blue-500)
}

.npc-msl-color-blue-500 {
    color: var(--msl-artwork-blue-500)
}

.npc-msl-color-important-blue-500 {
    color: var(--msl-artwork-blue-500)!important
}

.npc-msl-bg-blue-600 {
    background: var(--msl-artwork-blue-600)
}

.npc-msl-border-blue-600 {
    border: 1px solid var(--msl-artwork-blue-600)
}

.npc-msl-border-color-blue-600 {
    border-color: var(--msl-artwork-blue-600)
}

.npc-msl-color-blue-600 {
    color: var(--msl-artwork-blue-600)
}

.npc-msl-color-important-blue-600 {
    color: var(--msl-artwork-blue-600)!important
}

.npc-msl-bg-blue-700 {
    background: var(--msl-artwork-blue-700)
}

.npc-msl-border-blue-700 {
    border: 1px solid var(--msl-artwork-blue-700)
}

.npc-msl-border-color-blue-700 {
    border-color: var(--msl-artwork-blue-700)
}

.npc-msl-color-blue-700 {
    color: var(--msl-artwork-blue-700)
}

.npc-msl-color-important-blue-700 {
    color: var(--msl-artwork-blue-700)!important
}

.npc-msl-bg-blue-800 {
    background: var(--msl-artwork-blue-800)
}

.npc-msl-border-blue-800 {
    border: 1px solid var(--msl-artwork-blue-800)
}

.npc-msl-border-color-blue-800 {
    border-color: var(--msl-artwork-blue-800)
}

.npc-msl-color-blue-800 {
    color: var(--msl-artwork-blue-800)
}

.npc-msl-color-important-blue-800 {
    color: var(--msl-artwork-blue-800)!important
}

.npc-msl-bg-blue-900 {
    background: var(--msl-artwork-blue-900)
}

.npc-msl-border-blue-900 {
    border: 1px solid var(--msl-artwork-blue-900)
}

.npc-msl-border-color-blue-900 {
    border-color: var(--msl-artwork-blue-900)
}

.npc-msl-color-blue-900 {
    color: var(--msl-artwork-blue-900)
}

.npc-msl-color-important-blue-900 {
    color: var(--msl-artwork-blue-900)!important
}

.npc-msl-bg-green-50 {
    background: var(--msl-artwork-green-50)
}

.npc-msl-border-green-50 {
    border: 1px solid var(--msl-artwork-green-50)
}

.npc-msl-border-color-green-50 {
    border-color: var(--msl-artwork-green-50)
}

.npc-msl-color-green-50 {
    color: var(--msl-artwork-green-50)
}

.npc-msl-color-important-green-50 {
    color: var(--msl-artwork-green-50)!important
}

.npc-msl-bg-green-100 {
    background: var(--msl-artwork-green-100)
}

.npc-msl-border-green-100 {
    border: 1px solid var(--msl-artwork-green-100)
}

.npc-msl-border-color-green-100 {
    border-color: var(--msl-artwork-green-100)
}

.npc-msl-color-green-100 {
    color: var(--msl-artwork-green-100)
}

.npc-msl-color-important-green-100 {
    color: var(--msl-artwork-green-100)!important
}

.npc-msl-bg-green-200 {
    background: var(--msl-artwork-green-200)
}

.npc-msl-border-green-200 {
    border: 1px solid var(--msl-artwork-green-200)
}

.npc-msl-border-color-green-200 {
    border-color: var(--msl-artwork-green-200)
}

.npc-msl-color-green-200 {
    color: var(--msl-artwork-green-200)
}

.npc-msl-color-important-green-200 {
    color: var(--msl-artwork-green-200)!important
}

.npc-msl-bg-green-300 {
    background: var(--msl-artwork-green-300)
}

.npc-msl-border-green-300 {
    border: 1px solid var(--msl-artwork-green-300)
}

.npc-msl-border-color-green-300 {
    border-color: var(--msl-artwork-green-300)
}

.npc-msl-color-green-300 {
    color: var(--msl-artwork-green-300)
}

.npc-msl-color-important-green-300 {
    color: var(--msl-artwork-green-300)!important
}

.npc-msl-bg-green-400 {
    background: var(--msl-artwork-green-400)
}

.npc-msl-border-green-400 {
    border: 1px solid var(--msl-artwork-green-400)
}

.npc-msl-border-color-green-400 {
    border-color: var(--msl-artwork-green-400)
}

.npc-msl-color-green-400 {
    color: var(--msl-artwork-green-400)
}

.npc-msl-color-important-green-400 {
    color: var(--msl-artwork-green-400)!important
}

.npc-msl-bg-green-500 {
    background: var(--msl-artwork-green-500)
}

.npc-msl-border-green-500 {
    border: 1px solid var(--msl-artwork-green-500)
}

.npc-msl-border-color-green-500 {
    border-color: var(--msl-artwork-green-500)
}

.npc-msl-color-green-500 {
    color: var(--msl-artwork-green-500)
}

.npc-msl-color-important-green-500 {
    color: var(--msl-artwork-green-500)!important
}

.npc-msl-bg-green-600 {
    background: var(--msl-artwork-green-600)
}

.npc-msl-border-green-600 {
    border: 1px solid var(--msl-artwork-green-600)
}

.npc-msl-border-color-green-600 {
    border-color: var(--msl-artwork-green-600)
}

.npc-msl-color-green-600 {
    color: var(--msl-artwork-green-600)
}

.npc-msl-color-important-green-600 {
    color: var(--msl-artwork-green-600)!important
}

.npc-msl-bg-green-700 {
    background: var(--msl-artwork-green-700)
}

.npc-msl-border-green-700 {
    border: 1px solid var(--msl-artwork-green-700)
}

.npc-msl-border-color-green-700 {
    border-color: var(--msl-artwork-green-700)
}

.npc-msl-color-green-700 {
    color: var(--msl-artwork-green-700)
}

.npc-msl-color-important-green-700 {
    color: var(--msl-artwork-green-700)!important
}

.npc-msl-bg-green-800 {
    background: var(--msl-artwork-green-800)
}

.npc-msl-border-green-800 {
    border: 1px solid var(--msl-artwork-green-800)
}

.npc-msl-border-color-green-800 {
    border-color: var(--msl-artwork-green-800)
}

.npc-msl-color-green-800 {
    color: var(--msl-artwork-green-800)
}

.npc-msl-color-important-green-800 {
    color: var(--msl-artwork-green-800)!important
}

.npc-msl-bg-green-900 {
    background: var(--msl-artwork-green-900)
}

.npc-msl-border-green-900 {
    border: 1px solid var(--msl-artwork-green-900)
}

.npc-msl-border-color-green-900 {
    border-color: var(--msl-artwork-green-900)
}

.npc-msl-color-green-900 {
    color: var(--msl-artwork-green-900)
}

.npc-msl-color-important-green-900 {
    color: var(--msl-artwork-green-900)!important
}

.npc-msl-bg-pink-50 {
    background: var(--msl-artwork-pink-50)
}

.npc-msl-border-pink-50 {
    border: 1px solid var(--msl-artwork-pink-50)
}

.npc-msl-border-color-pink-50 {
    border-color: var(--msl-artwork-pink-50)
}

.npc-msl-color-pink-50 {
    color: var(--msl-artwork-pink-50)
}

.npc-msl-color-important-pink-50 {
    color: var(--msl-artwork-pink-50)!important
}

.npc-msl-bg-pink-100 {
    background: var(--msl-artwork-pink-100)
}

.npc-msl-border-pink-100 {
    border: 1px solid var(--msl-artwork-pink-100)
}

.npc-msl-border-color-pink-100 {
    border-color: var(--msl-artwork-pink-100)
}

.npc-msl-color-pink-100 {
    color: var(--msl-artwork-pink-100)
}

.npc-msl-color-important-pink-100 {
    color: var(--msl-artwork-pink-100)!important
}

.npc-msl-bg-pink-200 {
    background: var(--msl-artwork-pink-200)
}

.npc-msl-border-pink-200 {
    border: 1px solid var(--msl-artwork-pink-200)
}

.npc-msl-border-color-pink-200 {
    border-color: var(--msl-artwork-pink-200)
}

.npc-msl-color-pink-200 {
    color: var(--msl-artwork-pink-200)
}

.npc-msl-color-important-pink-200 {
    color: var(--msl-artwork-pink-200)!important
}

.npc-msl-bg-pink-300 {
    background: var(--msl-artwork-pink-300)
}

.npc-msl-border-pink-300 {
    border: 1px solid var(--msl-artwork-pink-300)
}

.npc-msl-border-color-pink-300 {
    border-color: var(--msl-artwork-pink-300)
}

.npc-msl-color-pink-300 {
    color: var(--msl-artwork-pink-300)
}

.npc-msl-color-important-pink-300 {
    color: var(--msl-artwork-pink-300)!important
}

.npc-msl-bg-pink-400 {
    background: var(--msl-artwork-pink-400)
}

.npc-msl-border-pink-400 {
    border: 1px solid var(--msl-artwork-pink-400)
}

.npc-msl-border-color-pink-400 {
    border-color: var(--msl-artwork-pink-400)
}

.npc-msl-color-pink-400 {
    color: var(--msl-artwork-pink-400)
}

.npc-msl-color-important-pink-400 {
    color: var(--msl-artwork-pink-400)!important
}

.npc-msl-bg-pink-500 {
    background: var(--msl-artwork-pink-500)
}

.npc-msl-border-pink-500 {
    border: 1px solid var(--msl-artwork-pink-500)
}

.npc-msl-border-color-pink-500 {
    border-color: var(--msl-artwork-pink-500)
}

.npc-msl-color-pink-500 {
    color: var(--msl-artwork-pink-500)
}

.npc-msl-color-important-pink-500 {
    color: var(--msl-artwork-pink-500)!important
}

.npc-msl-bg-pink-600 {
    background: var(--msl-artwork-pink-600)
}

.npc-msl-border-pink-600 {
    border: 1px solid var(--msl-artwork-pink-600)
}

.npc-msl-border-color-pink-600 {
    border-color: var(--msl-artwork-pink-600)
}

.npc-msl-color-pink-600 {
    color: var(--msl-artwork-pink-600)
}

.npc-msl-color-important-pink-600 {
    color: var(--msl-artwork-pink-600)!important
}

.npc-msl-bg-pink-700 {
    background: var(--msl-artwork-pink-700)
}

.npc-msl-border-pink-700 {
    border: 1px solid var(--msl-artwork-pink-700)
}

.npc-msl-border-color-pink-700 {
    border-color: var(--msl-artwork-pink-700)
}

.npc-msl-color-pink-700 {
    color: var(--msl-artwork-pink-700)
}

.npc-msl-color-important-pink-700 {
    color: var(--msl-artwork-pink-700)!important
}

.npc-msl-bg-pink-800 {
    background: var(--msl-artwork-pink-800)
}

.npc-msl-border-pink-800 {
    border: 1px solid var(--msl-artwork-pink-800)
}

.npc-msl-border-color-pink-800 {
    border-color: var(--msl-artwork-pink-800)
}

.npc-msl-color-pink-800 {
    color: var(--msl-artwork-pink-800)
}

.npc-msl-color-important-pink-800 {
    color: var(--msl-artwork-pink-800)!important
}

.npc-msl-bg-pink-900 {
    background: var(--msl-artwork-pink-900)
}

.npc-msl-border-pink-900 {
    border: 1px solid var(--msl-artwork-pink-900)
}

.npc-msl-border-color-pink-900 {
    border-color: var(--msl-artwork-pink-900)
}

.npc-msl-color-pink-900 {
    color: var(--msl-artwork-pink-900)
}

.npc-msl-color-important-pink-900 {
    color: var(--msl-artwork-pink-900)!important
}

.npc-msl-bg-purple-50 {
    background: var(--msl-artwork-purple-50)
}

.npc-msl-border-purple-50 {
    border: 1px solid var(--msl-artwork-purple-50)
}

.npc-msl-border-color-purple-50 {
    border-color: var(--msl-artwork-purple-50)
}

.npc-msl-color-purple-50 {
    color: var(--msl-artwork-purple-50)
}

.npc-msl-color-important-purple-50 {
    color: var(--msl-artwork-purple-50)!important
}

.npc-msl-bg-purple-100 {
    background: var(--msl-artwork-purple-100)
}

.npc-msl-border-purple-100 {
    border: 1px solid var(--msl-artwork-purple-100)
}

.npc-msl-border-color-purple-100 {
    border-color: var(--msl-artwork-purple-100)
}

.npc-msl-color-purple-100 {
    color: var(--msl-artwork-purple-100)
}

.npc-msl-color-important-purple-100 {
    color: var(--msl-artwork-purple-100)!important
}

.npc-msl-bg-purple-200 {
    background: var(--msl-artwork-purple-200)
}

.npc-msl-border-purple-200 {
    border: 1px solid var(--msl-artwork-purple-200)
}

.npc-msl-border-color-purple-200 {
    border-color: var(--msl-artwork-purple-200)
}

.npc-msl-color-purple-200 {
    color: var(--msl-artwork-purple-200)
}

.npc-msl-color-important-purple-200 {
    color: var(--msl-artwork-purple-200)!important
}

.npc-msl-bg-purple-300 {
    background: var(--msl-artwork-purple-300)
}

.npc-msl-border-purple-300 {
    border: 1px solid var(--msl-artwork-purple-300)
}

.npc-msl-border-color-purple-300 {
    border-color: var(--msl-artwork-purple-300)
}

.npc-msl-color-purple-300 {
    color: var(--msl-artwork-purple-300)
}

.npc-msl-color-important-purple-300 {
    color: var(--msl-artwork-purple-300)!important
}

.npc-msl-bg-purple-400 {
    background: var(--msl-artwork-purple-400)
}

.npc-msl-border-purple-400 {
    border: 1px solid var(--msl-artwork-purple-400)
}

.npc-msl-border-color-purple-400 {
    border-color: var(--msl-artwork-purple-400)
}

.npc-msl-color-purple-400 {
    color: var(--msl-artwork-purple-400)
}

.npc-msl-color-important-purple-400 {
    color: var(--msl-artwork-purple-400)!important
}

.npc-msl-bg-purple-500 {
    background: var(--msl-artwork-purple-500)
}

.npc-msl-border-purple-500 {
    border: 1px solid var(--msl-artwork-purple-500)
}

.npc-msl-border-color-purple-500 {
    border-color: var(--msl-artwork-purple-500)
}

.npc-msl-color-purple-500 {
    color: var(--msl-artwork-purple-500)
}

.npc-msl-color-important-purple-500 {
    color: var(--msl-artwork-purple-500)!important
}

.npc-msl-bg-purple-600 {
    background: var(--msl-artwork-purple-600)
}

.npc-msl-border-purple-600 {
    border: 1px solid var(--msl-artwork-purple-600)
}

.npc-msl-border-color-purple-600 {
    border-color: var(--msl-artwork-purple-600)
}

.npc-msl-color-purple-600 {
    color: var(--msl-artwork-purple-600)
}

.npc-msl-color-important-purple-600 {
    color: var(--msl-artwork-purple-600)!important
}

.npc-msl-bg-purple-700 {
    background: var(--msl-artwork-purple-700)
}

.npc-msl-border-purple-700 {
    border: 1px solid var(--msl-artwork-purple-700)
}

.npc-msl-border-color-purple-700 {
    border-color: var(--msl-artwork-purple-700)
}

.npc-msl-color-purple-700 {
    color: var(--msl-artwork-purple-700)
}

.npc-msl-color-important-purple-700 {
    color: var(--msl-artwork-purple-700)!important
}

.npc-msl-bg-purple-800 {
    background: var(--msl-artwork-purple-800)
}

.npc-msl-border-purple-800 {
    border: 1px solid var(--msl-artwork-purple-800)
}

.npc-msl-border-color-purple-800 {
    border-color: var(--msl-artwork-purple-800)
}

.npc-msl-color-purple-800 {
    color: var(--msl-artwork-purple-800)
}

.npc-msl-color-important-purple-800 {
    color: var(--msl-artwork-purple-800)!important
}

.npc-msl-bg-purple-900 {
    background: var(--msl-artwork-purple-900)
}

.npc-msl-border-purple-900 {
    border: 1px solid var(--msl-artwork-purple-900)
}

.npc-msl-border-color-purple-900 {
    border-color: var(--msl-artwork-purple-900)
}

.npc-msl-color-purple-900 {
    color: var(--msl-artwork-purple-900)
}

.npc-msl-color-important-purple-900 {
    color: var(--msl-artwork-purple-900)!important
}

.npc-msl-bg-red-50 {
    background: var(--msl-artwork-red-50)
}

.npc-msl-border-red-50 {
    border: 1px solid var(--msl-artwork-red-50)
}

.npc-msl-border-color-red-50 {
    border-color: var(--msl-artwork-red-50)
}

.npc-msl-color-red-50 {
    color: var(--msl-artwork-red-50)
}

.npc-msl-color-important-red-50 {
    color: var(--msl-artwork-red-50)!important
}

.npc-msl-bg-red-100 {
    background: var(--msl-artwork-red-100)
}

.npc-msl-border-red-100 {
    border: 1px solid var(--msl-artwork-red-100)
}

.npc-msl-border-color-red-100 {
    border-color: var(--msl-artwork-red-100)
}

.npc-msl-color-red-100 {
    color: var(--msl-artwork-red-100)
}

.npc-msl-color-important-red-100 {
    color: var(--msl-artwork-red-100)!important
}

.npc-msl-bg-red-200 {
    background: var(--msl-artwork-red-200)
}

.npc-msl-border-red-200 {
    border: 1px solid var(--msl-artwork-red-200)
}

.npc-msl-border-color-red-200 {
    border-color: var(--msl-artwork-red-200)
}

.npc-msl-color-red-200 {
    color: var(--msl-artwork-red-200)
}

.npc-msl-color-important-red-200 {
    color: var(--msl-artwork-red-200)!important
}

.npc-msl-bg-red-300 {
    background: var(--msl-artwork-red-300)
}

.npc-msl-border-red-300 {
    border: 1px solid var(--msl-artwork-red-300)
}

.npc-msl-border-color-red-300 {
    border-color: var(--msl-artwork-red-300)
}

.npc-msl-color-red-300 {
    color: var(--msl-artwork-red-300)
}

.npc-msl-color-important-red-300 {
    color: var(--msl-artwork-red-300)!important
}

.npc-msl-bg-red-400 {
    background: var(--msl-artwork-red-400)
}

.npc-msl-border-red-400 {
    border: 1px solid var(--msl-artwork-red-400)
}

.npc-msl-border-color-red-400 {
    border-color: var(--msl-artwork-red-400)
}

.npc-msl-color-red-400 {
    color: var(--msl-artwork-red-400)
}

.npc-msl-color-important-red-400 {
    color: var(--msl-artwork-red-400)!important
}

.npc-msl-bg-red-500 {
    background: var(--msl-artwork-red-500)
}

.npc-msl-border-red-500 {
    border: 1px solid var(--msl-artwork-red-500)
}

.npc-msl-border-color-red-500 {
    border-color: var(--msl-artwork-red-500)
}

.npc-msl-color-red-500 {
    color: var(--msl-artwork-red-500)
}

.npc-msl-color-important-red-500 {
    color: var(--msl-artwork-red-500)!important
}

.npc-msl-bg-red-600 {
    background: var(--msl-artwork-red-600)
}

.npc-msl-border-red-600 {
    border: 1px solid var(--msl-artwork-red-600)
}

.npc-msl-border-color-red-600 {
    border-color: var(--msl-artwork-red-600)
}

.npc-msl-color-red-600 {
    color: var(--msl-artwork-red-600)
}

.npc-msl-color-important-red-600 {
    color: var(--msl-artwork-red-600)!important
}

.npc-msl-bg-red-700 {
    background: var(--msl-artwork-red-700)
}

.npc-msl-border-red-700 {
    border: 1px solid var(--msl-artwork-red-700)
}

.npc-msl-border-color-red-700 {
    border-color: var(--msl-artwork-red-700)
}

.npc-msl-color-red-700 {
    color: var(--msl-artwork-red-700)
}

.npc-msl-color-important-red-700 {
    color: var(--msl-artwork-red-700)!important
}

.npc-msl-bg-red-800 {
    background: var(--msl-artwork-red-800)
}

.npc-msl-border-red-800 {
    border: 1px solid var(--msl-artwork-red-800)
}

.npc-msl-border-color-red-800 {
    border-color: var(--msl-artwork-red-800)
}

.npc-msl-color-red-800 {
    color: var(--msl-artwork-red-800)
}

.npc-msl-color-important-red-800 {
    color: var(--msl-artwork-red-800)!important
}

.npc-msl-bg-red-900 {
    background: var(--msl-artwork-red-900)
}

.npc-msl-border-red-900 {
    border: 1px solid var(--msl-artwork-red-900)
}

.npc-msl-border-color-red-900 {
    border-color: var(--msl-artwork-red-900)
}

.npc-msl-color-red-900 {
    color: var(--msl-artwork-red-900)
}

.npc-msl-color-important-red-900 {
    color: var(--msl-artwork-red-900)!important
}

.npc-msl-bg-yellow-50 {
    background: var(--msl-artwork-yellow-50)
}

.npc-msl-border-yellow-50 {
    border: 1px solid var(--msl-artwork-yellow-50)
}

.npc-msl-border-color-yellow-50 {
    border-color: var(--msl-artwork-yellow-50)
}

.npc-msl-color-yellow-50 {
    color: var(--msl-artwork-yellow-50)
}

.npc-msl-color-important-yellow-50 {
    color: var(--msl-artwork-yellow-50)!important
}

.npc-msl-bg-yellow-100 {
    background: var(--msl-artwork-yellow-100)
}

.npc-msl-border-yellow-100 {
    border: 1px solid var(--msl-artwork-yellow-100)
}

.npc-msl-border-color-yellow-100 {
    border-color: var(--msl-artwork-yellow-100)
}

.npc-msl-color-yellow-100 {
    color: var(--msl-artwork-yellow-100)
}

.npc-msl-color-important-yellow-100 {
    color: var(--msl-artwork-yellow-100)!important
}

.npc-msl-bg-yellow-200 {
    background: var(--msl-artwork-yellow-200)
}

.npc-msl-border-yellow-200 {
    border: 1px solid var(--msl-artwork-yellow-200)
}

.npc-msl-border-color-yellow-200 {
    border-color: var(--msl-artwork-yellow-200)
}

.npc-msl-color-yellow-200 {
    color: var(--msl-artwork-yellow-200)
}

.npc-msl-color-important-yellow-200 {
    color: var(--msl-artwork-yellow-200)!important
}

.npc-msl-bg-yellow-300 {
    background: var(--msl-artwork-yellow-300)
}

.npc-msl-border-yellow-300 {
    border: 1px solid var(--msl-artwork-yellow-300)
}

.npc-msl-border-color-yellow-300 {
    border-color: var(--msl-artwork-yellow-300)
}

.npc-msl-color-yellow-300 {
    color: var(--msl-artwork-yellow-300)
}

.npc-msl-color-important-yellow-300 {
    color: var(--msl-artwork-yellow-300)!important
}

.npc-msl-bg-yellow-400 {
    background: var(--msl-artwork-yellow-400)
}

.npc-msl-border-yellow-400 {
    border: 1px solid var(--msl-artwork-yellow-400)
}

.npc-msl-border-color-yellow-400 {
    border-color: var(--msl-artwork-yellow-400)
}

.npc-msl-color-yellow-400 {
    color: var(--msl-artwork-yellow-400)
}

.npc-msl-color-important-yellow-400 {
    color: var(--msl-artwork-yellow-400)!important
}

.npc-msl-bg-yellow-500 {
    background: var(--msl-artwork-yellow-500)
}

.npc-msl-border-yellow-500 {
    border: 1px solid var(--msl-artwork-yellow-500)
}

.npc-msl-border-color-yellow-500 {
    border-color: var(--msl-artwork-yellow-500)
}

.npc-msl-color-yellow-500 {
    color: var(--msl-artwork-yellow-500)
}

.npc-msl-color-important-yellow-500 {
    color: var(--msl-artwork-yellow-500)!important
}

.npc-msl-bg-yellow-600 {
    background: var(--msl-artwork-yellow-600)
}

.npc-msl-border-yellow-600 {
    border: 1px solid var(--msl-artwork-yellow-600)
}

.npc-msl-border-color-yellow-600 {
    border-color: var(--msl-artwork-yellow-600)
}

.npc-msl-color-yellow-600 {
    color: var(--msl-artwork-yellow-600)
}

.npc-msl-color-important-yellow-600 {
    color: var(--msl-artwork-yellow-600)!important
}

.npc-msl-bg-yellow-700 {
    background: var(--msl-artwork-yellow-700)
}

.npc-msl-border-yellow-700 {
    border: 1px solid var(--msl-artwork-yellow-700)
}

.npc-msl-border-color-yellow-700 {
    border-color: var(--msl-artwork-yellow-700)
}

.npc-msl-color-yellow-700 {
    color: var(--msl-artwork-yellow-700)
}

.npc-msl-color-important-yellow-700 {
    color: var(--msl-artwork-yellow-700)!important
}

.npc-msl-bg-yellow-800 {
    background: var(--msl-artwork-yellow-800)
}

.npc-msl-border-yellow-800 {
    border: 1px solid var(--msl-artwork-yellow-800)
}

.npc-msl-border-color-yellow-800 {
    border-color: var(--msl-artwork-yellow-800)
}

.npc-msl-color-yellow-800 {
    color: var(--msl-artwork-yellow-800)
}

.npc-msl-color-important-yellow-800 {
    color: var(--msl-artwork-yellow-800)!important
}

.npc-msl-bg-yellow-900 {
    background: var(--msl-artwork-yellow-900)
}

.npc-msl-border-yellow-900 {
    border: 1px solid var(--msl-artwork-yellow-900)
}

.npc-msl-border-color-yellow-900 {
    border-color: var(--msl-artwork-yellow-900)
}

.npc-msl-color-yellow-900 {
    color: var(--msl-artwork-yellow-900)
}

.npc-msl-color-important-yellow-900 {
    color: var(--msl-artwork-yellow-900)!important
}

.npc-msl-bg-bg-brand-primary {
    background: var(--msl-bg-brand-primary)
}

.npc-msl-bg-bg-brand-secondary {
    background: var(--msl-bg-brand-secondary)
}

.npc-msl-bg-bg-brand-tertiary {
    background: var(--msl-bg-brand-tertiary)
}

.npc-msl-bg-bg-brand-accent {
    background: var(--msl-bg-brand-accent)
}

.npc-msl-bg-bg-brand-moderate {
    background: var(--msl-bg-brand-moderate)
}

.npc-msl-bg-bg-brand-minimal {
    background: var(--msl-bg-brand-minimal)
}

.npc-msl-bg-bg-brand-neutral {
    background: var(--msl-bg-brand-neutral)
}

.npc-content--tabs .tabs .automatic [role=tab][aria-selected=true] .tab-label,.npc-msl-bg-bg-brand-secondary-150 {
    background: var(--msl-brand-secondary-150)
}

.npc-msl-bg-bg-critical {
    background: var(--msl-bg-critical)
}

.npc-msl-bg-bg-critical-transparent {
    background: var(--msl-bg-critical-transparent)
}

.npc-msl-bg-bg-critical-minimal {
    background: var(--msl-bg-critical-minimal)
}

.npc-msl-bg-bg-info {
    background: var(--msl-bg-info)
}

.npc-msl-bg-bg-info-transparent {
    background: var(--msl-bg-info-transparent)
}

.npc-msl-bg-bg-info-minimal {
    background: var(--msl-bg-info-minimal)
}

.npc-msl-bg-bg-success {
    background: var(--msl-bg-success)
}

.npc-msl-bg-bg-success-transparent {
    background: var(--msl-bg-success-transparent)
}

.npc-msl-bg-bg-success-minimal {
    background: var(--msl-bg-success-minimal)
}

.npc-msl-bg-bg-warning {
    background: var(--msl-bg-warning)
}

.npc-msl-bg-bg-warning-transparent {
    background: var(--msl-bg-warning-transparent)
}

.npc-msl-bg-bg-warning-minimal {
    background: var(--msl-bg-warning-minimal)
}

.npc-msl-bg-bg-notification {
    background: var(--msl-bg-notification)
}

.npc-msl-bg-bg-contact {
    background: var(--msl-bg-contact)
}

.npc-msl-bg-bg-blue {
    background: var(--msl-bg-blue)
}

.npc-msl-bg-bg-blue-minimal {
    background: var(--msl-bg-blue-minimal)
}

.npc-msl-bg-bg-blue-transparent {
    background: var(--msl-bg-blue-transparent)
}

.npc-msl-bg-bg-green {
    background: var(--msl-bg-green)
}

.npc-msl-bg-bg-green-minimal {
    background: var(--msl-bg-green-minimal)
}

.npc-msl-bg-bg-green-transparent {
    background: var(--msl-bg-green-transparent)
}

.npc-msl-bg-bg-pink {
    background: var(--msl-bg-pink)
}

.npc-msl-bg-bg-pink-minimal {
    background: var(--msl-bg-pink-minimal)
}

.npc-msl-bg-bg-pink-transparent {
    background: var(--msl-bg-pink-transparent)
}

.npc-msl-bg-bg-purple {
    background: var(--msl-bg-purple)
}

.npc-msl-bg-bg-purple-minimal {
    background: var(--msl-bg-purple-minimal)
}

.npc-msl-bg-bg-purple-transparent {
    background: var(--msl-bg-purple-transparent)
}

.npc-msl-bg-bg-red {
    background: var(--msl-bg-red)
}

.npc-msl-bg-bg-red-minimal {
    background: var(--msl-bg-red-minimal)
}

.npc-msl-bg-bg-red-transparent {
    background: var(--msl-bg-red-transparent)
}

.npc-msl-bg-bg-yellow {
    background: var(--msl-bg-yellow)
}

.npc-msl-bg-bg-yellow-minimal {
    background: var(--msl-bg-yellow-minimal)
}

.npc-msl-bg-bg-yellow-transparent {
    background: var(--msl-bg-yellow-transparent)
}

.npc-msl-bg-bg-marketing {
    background: var(--msl-bg-marketing)
}

.npc-msl-bg-bg-lavender {
    background: var(--msl-bg-lavender)
}

.npc-msl-bg-bg-marketing-minimal {
    background: var(--msl-bg-marketing-minimal)
}

.npc-msl-color-text {
    color: var(--msl-text)
}

.npc-msl-color-important-text {
    color: var(--msl-text)!important
}

.npc-msl-color-text-disabled {
    color: var(--msl-text-disabled)
}

.npc-msl-color-important-text-disabled {
    color: var(--msl-text-disabled)!important
}

.npc-msl-color-text-readonly {
    color: var(--msl-text-readonly)
}

.npc-msl-color-important-text-readonly {
    color: var(--msl-text-readonly)!important
}

.npc-msl-color-text-reverse {
    color: var(--msl-text-reverse)
}

.npc-msl-color-important-text-reverse {
    color: var(--msl-text-reverse)!important
}

.npc-msl-color-text-reverse-disabled {
    color: var(--msl-text-reverse-disabled)
}

.npc-msl-color-important-text-reverse-disabled {
    color: var(--msl-text-reverse-disabled)!important
}

.npc-msl-color-text-primary {
    color: var(--msl-text-primary)
}

.npc-msl-color-important-text-primary {
    color: var(--msl-text-primary)!important
}

.npc-msl-color-text-on-primary {
    color: var(--msl-text-on-primary)
}

.npc-msl-color-important-text-on-primary {
    color: var(--msl-text-on-primary)!important
}

.npc-msl-color-text-accent {
    color: var(--msl-text-accent)
}

.npc-msl-color-important-text-accent {
    color: var(--msl-text-accent)!important
}

.npc-msl-color-text-moderate {
    color: var(--msl-text-moderate)
}

.npc-msl-color-important-text-moderate {
    color: var(--msl-text-moderate)!important
}

.npc-msl-color-text-primary-hover {
    color: var(--msl-text-primary-hover)
}

.npc-msl-color-important-text-primary-hover {
    color: var(--msl-text-primary-hover)!important
}

.npc-msl-color-text-primary-pressed {
    color: var(--msl-text-primary-pressed)
}

.npc-msl-color-important-text-primary-pressed {
    color: var(--msl-text-primary-pressed)!important
}

.npc-msl-color-text-lavender {
    color: var(--msl-text-lavender)
}

.npc-msl-color-important-text-lavender {
    color: var(--msl-text-lavender)!important
}

.npc-msl-color-text-marketing {
    color: var(--msl-text-marketing)
}

.npc-msl-color-important-text-marketing {
    color: var(--msl-text-marketing)!important
}

.npc-msl-color-text-on-marketing {
    color: var(--msl-text-on-marketing)
}

.npc-msl-color-important-text-on-marketing {
    color: var(--msl-text-on-marketing)!important
}

.npc-msl-color-text-info {
    color: var(--msl-text-info)
}

.npc-msl-color-important-text-info {
    color: var(--msl-text-info)!important
}

.npc-msl-color-text-success {
    color: var(--msl-text-success)
}

.npc-msl-color-important-text-success {
    color: var(--msl-text-success)!important
}

.npc-msl-color-text-warning {
    color: var(--msl-text-warning)
}

.npc-msl-color-important-text-warning {
    color: var(--msl-text-warning)!important
}

.npc-msl-color-text-critical {
    color: var(--msl-text-critical)
}

.npc-msl-color-important-text-critical {
    color: var(--msl-text-critical)!important
}

.npc-msl-color-text-cancel-pressed {
    color: var(--msl-text-cancel-pressed)
}

.npc-msl-color-important-text-cancel-pressed {
    color: var(--msl-text-cancel-pressed)!important
}

.npc-msl-color-text-purple {
    color: var(--msl-text-purple)
}

.npc-msl-color-important-text-purple {
    color: var(--msl-text-purple)!important
}

.npc-msl-color-text-pink {
    color: var(--msl-text-pink)
}

.npc-msl-color-important-text-pink {
    color: var(--msl-text-pink)!important
}

.npc-msl-color-text-red {
    color: var(--msl-text-red)
}

.npc-msl-color-important-text-red {
    color: var(--msl-text-red)!important
}

.npc-msl-color-text-yellow {
    color: var(--msl-text-yellow)
}

.npc-msl-color-important-text-yellow {
    color: var(--msl-text-yellow)!important
}

.npc-msl-color-text-green {
    color: var(--msl-text-green)
}

.npc-msl-color-important-text-green {
    color: var(--msl-text-green)!important
}

.npc-msl-color-text-blue {
    color: var(--msl-text-blue)
}

.npc-msl-color-important-text-blue {
    color: var(--msl-text-blue)!important
}

.npc-msl-color-text-neutral {
    color: var(--msl-text-neutral)
}

.npc-msl-color-important-text-neutral {
    color: var(--msl-text-neutral)!important
}

.npc-msl-text-font-size-xl {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-text-font-size-xl.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-text-font-size-xl.bold {
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-text-font-size-xl.underline {
    text-decoration: underline
}

.npc-msl-text-font-size-l {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-text-font-size-l.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-text-font-size-l.bold {
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-text-font-size-l.underline {
    text-decoration: underline
}

.npc-msl-text-font-size-m {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-text-font-size-m.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-text-font-size-m.bold {
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-text-font-size-m.underline {
    text-decoration: underline
}

.npc-msl-text-font-size-s {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-text-font-size-s.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-text-font-size-s.bold {
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-text-font-size-s.underline {
    text-decoration: underline
}

.npc-msl-titre-font-size-xxl {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-titre-font-size-xxl.normal {
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-titre-font-size-xxl.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-titre-font-size-xl {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-titre-font-size-xl.normal {
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-titre-font-size-xl.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-titre-font-size-l {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-titre-font-size-l.normal {
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-titre-font-size-l.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-titre-font-size-m {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-titre-font-size-m.normal {
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-titre-font-size-m.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-titre-font-size-s {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-titre-font-size-s.normal {
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-titre-font-size-s.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-titre-font-size-xs {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-titre-font-size-xs.normal {
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-titre-font-size-xs.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-titre-font-size-xxs {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-titre-font-size-xxs.normal {
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-titre-font-size-xxs.semi-bold {
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-fw-bold {
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-shadow-s {
    box-shadow: var(--msl-boxShadow-s)
}

.npc-msl-shadow-m {
    box-shadow: var(--msl-boxShadow-m)
}

.npc-msl-shadow-l {
    box-shadow: var(--msl-boxShadow-l)
}

.npc-msl-box-shadow-s {
    box-shadow: var(--msl-boxShadow-s);
    border-radius: var(--msl-borderRadius-150)
}

.npc-msl-card-s {
    box-shadow: var(--msl-boxShadow-s);
    border-radius: var(--msl-borderRadius-150)
}

.npc-msl-card-m {
    box-shadow: var(--msl-boxShadow-m);
    border-radius: var(--msl-borderRadius-150)
}

.npc-msl-card-l {
    box-shadow: var(--msl-boxShadow-l);
    border-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-00 {
    border-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-tl-00 {
    border-top-left-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-tr-00 {
    border-top-right-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-bl-00 {
    border-bottom-left-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-br-00 {
    border-bottom-right-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-lt-00 {
    border-top-left-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-lb-00 {
    border-bottom-left-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-rt-00 {
    border-top-right-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-rb-00 {
    border-bottom-right-radius: var(--msl-borderRadius-00)
}

.npc-msl-rounded-25 {
    border-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-tl-25 {
    border-top-left-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-tr-25 {
    border-top-right-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-bl-25 {
    border-bottom-left-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-br-25 {
    border-bottom-right-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-lt-25 {
    border-top-left-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-lb-25 {
    border-bottom-left-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-rt-25 {
    border-top-right-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-rb-25 {
    border-bottom-right-radius: var(--msl-borderRadius-25)
}

.npc-msl-rounded-50 {
    border-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-tl-50 {
    border-top-left-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-tr-50 {
    border-top-right-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-bl-50 {
    border-bottom-left-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-br-50 {
    border-bottom-right-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-lt-50 {
    border-top-left-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-lb-50 {
    border-bottom-left-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-rt-50 {
    border-top-right-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-rb-50 {
    border-bottom-right-radius: var(--msl-borderRadius-50)
}

.npc-msl-rounded-100 {
    border-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-tl-100 {
    border-top-left-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-tr-100 {
    border-top-right-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-bl-100 {
    border-bottom-left-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-br-100 {
    border-bottom-right-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-lt-100 {
    border-top-left-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-lb-100 {
    border-bottom-left-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-rt-100 {
    border-top-right-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-rb-100 {
    border-bottom-right-radius: var(--msl-borderRadius-100)
}

.npc-msl-rounded-150 {
    border-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-tl-150 {
    border-top-left-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-tr-150 {
    border-top-right-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-bl-150 {
    border-bottom-left-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-br-150 {
    border-bottom-right-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-lt-150 {
    border-top-left-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-lb-150 {
    border-bottom-left-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-rt-150 {
    border-top-right-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-rb-150 {
    border-bottom-right-radius: var(--msl-borderRadius-150)
}

.npc-msl-rounded-200 {
    border-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-tl-200 {
    border-top-left-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-tr-200 {
    border-top-right-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-bl-200 {
    border-bottom-left-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-br-200 {
    border-bottom-right-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-lt-200 {
    border-top-left-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-lb-200 {
    border-bottom-left-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-rt-200 {
    border-top-right-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-rb-200 {
    border-bottom-right-radius: var(--msl-borderRadius-200)
}

.npc-msl-rounded-250 {
    border-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-tl-250 {
    border-top-left-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-tr-250 {
    border-top-right-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-bl-250 {
    border-bottom-left-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-br-250 {
    border-bottom-right-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-lt-250 {
    border-top-left-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-lb-250 {
    border-bottom-left-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-rt-250 {
    border-top-right-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-rb-250 {
    border-bottom-right-radius: var(--msl-borderRadius-250)
}

.npc-msl-rounded-300 {
    border-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-tl-300 {
    border-top-left-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-tr-300 {
    border-top-right-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-bl-300 {
    border-bottom-left-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-br-300 {
    border-bottom-right-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-lt-300 {
    border-top-left-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-lb-300 {
    border-bottom-left-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-rt-300 {
    border-top-right-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-rb-300 {
    border-bottom-right-radius: var(--msl-borderRadius-300)
}

.npc-msl-rounded-400 {
    border-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-tl-400 {
    border-top-left-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-tr-400 {
    border-top-right-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-bl-400 {
    border-bottom-left-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-br-400 {
    border-bottom-right-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-lt-400 {
    border-top-left-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-lb-400 {
    border-bottom-left-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-rt-400 {
    border-top-right-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-rb-400 {
    border-bottom-right-radius: var(--msl-borderRadius-400)
}

.npc-msl-rounded-500 {
    border-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-tl-500 {
    border-top-left-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-tr-500 {
    border-top-right-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-bl-500 {
    border-bottom-left-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-br-500 {
    border-bottom-right-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-lt-500 {
    border-top-left-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-lb-500 {
    border-bottom-left-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-rt-500 {
    border-top-right-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-rb-500 {
    border-bottom-right-radius: var(--msl-borderRadius-500)
}

.npc-msl-rounded-full {
    border-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-tl-full {
    border-top-left-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-tr-full {
    border-top-right-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-bl-full {
    border-bottom-left-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-br-full {
    border-bottom-right-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-lt-full {
    border-top-left-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-lb-full {
    border-bottom-left-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-rt-full {
    border-top-right-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-rb-full {
    border-bottom-right-radius: var(--msl-borderRadius-full)
}

.npc-msl-rounded-0125 {
    border-radius: 1px
}

.npc-msl-rounded-tl-0125 {
    border-top-left-radius: 1px
}

.npc-msl-rounded-tr-0125 {
    border-top-right-radius: 1px
}

.npc-msl-rounded-bl-0125 {
    border-bottom-left-radius: 1px
}

.npc-msl-rounded-br-0125 {
    border-bottom-right-radius: 1px
}

.npc-msl-rounded-lt-0125 {
    border-top-left-radius: 1px
}

.npc-msl-rounded-lb-0125 {
    border-bottom-left-radius: 1px
}

.npc-msl-rounded-rt-0125 {
    border-top-right-radius: 1px
}

.npc-msl-rounded-rb-0125 {
    border-bottom-right-radius: 1px
}

.npc-msl-rounded-75 {
    border-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-tl-75 {
    border-top-left-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-tr-75 {
    border-top-right-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-bl-75 {
    border-bottom-left-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-br-75 {
    border-bottom-right-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-lt-75 {
    border-top-left-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-lb-75 {
    border-bottom-left-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-rt-75 {
    border-top-right-radius: var(--msl-borderRadius-75)
}

.npc-msl-rounded-rb-75 {
    border-bottom-right-radius: var(--msl-borderRadius-75)
}

.npc-msl-h-0 {
    height: 0
}

.npc-msl-max-h-0 {
    height: 0
}

.npc-msl-h-2xs {
    height: 4px
}

.npc-msl-max-h-2xs {
    height: 4px
}

.npc-msl-h-xs {
    height: 8px
}

.npc-msl-max-h-xs {
    height: 8px
}

.npc-msl-h-s {
    height: 16px
}

.npc-msl-max-h-s {
    height: 16px
}

.npc-msl-h-m {
    height: 24px
}

.npc-msl-max-h-m {
    height: 24px
}

.npc-msl-h-l {
    height: 32px
}

.npc-msl-max-h-l {
    height: 32px
}

.npc-msl-h-xl {
    height: 40px
}

.npc-msl-max-h-xl {
    height: 40px
}

.npc-msl-h-2xl {
    height: 64px
}

.npc-msl-max-h-2xl {
    height: 64px
}

.npc-msl-h-3xl {
    height: 120px
}

.npc-msl-max-h-3xl {
    height: 120px
}

.npc-msl-h-full {
    height: 100%
}

.npc-msl-max-h-full {
    height: 100%
}

.npc-msl-h-screen {
    height: 100vh
}

.npc-msl-max-h-screen {
    height: 100vh
}

.npc-msl-h-auto {
    height: auto
}

.npc-msl-max-h-auto {
    height: auto
}

.npc-msl-min-h-0 {
    min-height: 0
}

.npc-msl-min-h-full {
    min-height: 100%
}

.npc-msl-min-h-screen {
    min-height: 100vh
}

.npc-msl-flex-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.npc-msl-flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%
}

.npc-msl-flex-none {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.npc-msl-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.npc-msl-flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.npc-msl-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-msl-flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.npc-msl-flex-nowrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.npc-msl-flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-msl-flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.npc-msl-flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.npc-msl-flex-grow-0 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.npc-msl-flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-msl-justify-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-msl-justify-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.npc-msl-justify-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.npc-msl-content-full {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    max-width: 100%
}

.npc-msl-content-full>* {
    width: 100%
}

.npc-msl-flex-gap-0 {
    gap: 0
}

.npc-msl-flex-gap-4 {
    gap: 4px
}

.npc-msl-flex-gap-8 {
    gap: 8px
}

.npc-msl-flex-gap-12 {
    gap: 12px
}

.npc-msl-flex-gap-16 {
    gap: 16px
}

.npc-msl-flex-gap-20 {
    gap: 20px
}

.npc-msl-flex-gap-24 {
    gap: 24px
}

.npc-msl-flex-gap-32 {
    gap: 32px
}

.npc-msl-flex-gap-40 {
    gap: 40px
}

.npc-msl-flex-gap-48 {
    gap: 48px
}

.npc-msl-flex-gap-56 {
    gap: 56px
}

.npc-msl-flex-gap-64 {
    gap: 64px
}

.npc-msl-flex-gap-72 {
    gap: 72px
}

.npc-msl-flex-gap-80 {
    gap: 80px
}

.npc-msl-flex-gap-96 {
    gap: 96px
}

.npc-msl-w-0 {
    width: 0
}

.npc-msl-w-2xs {
    width: 4px
}

.npc-msl-w-xs {
    width: 8px
}

.npc-msl-w-s {
    width: 16px
}

.npc-msl-w-m {
    width: 24px
}

.npc-msl-w-l {
    width: 32px
}

.npc-msl-w-xl {
    width: 40px
}

.npc-msl-w-2xl {
    width: 64px
}

.npc-msl-w-full {
    width: 100%
}

.npc-msl-w-screen {
    width: 100vw
}

.npc-msl-w-auto {
    width: auto
}

.npc-msl-w-1\/2 {
    width: 50%
}

.npc-msl-w-1\/3 {
    width: -webkit-calc(100% /3);
    width: calc(100% /3)
}

.npc-msl-w-2\/3 {
    width: 66.66667%
}

.npc-msl-w-1\/4 {
    width: 25%
}

.npc-msl-w-2\/4 {
    width: 50%
}

.npc-msl-w-3\/4 {
    width: 75%
}

.npc-msl-w-1\/6 {
    width: -webkit-calc(100% /6);
    width: calc(100% /6)
}

.npc-msl-w-2\/6 {
    width: 33.33333%
}

.npc-msl-w-3\/6 {
    width: 50%
}

.npc-msl-w-4\/6 {
    width: 66.66667%
}

.npc-msl-w-5\/6 {
    width: 83.33333%
}

.npc-msl-w-1\/8 {
    width: -webkit-calc(100% /8);
    width: calc(100% /8)
}

.npc-msl-w-7\/8 {
    width: 87.5%
}

.npc-msl-w-1\/10 {
    width: 10%
}

.npc-msl-w-9\/10 {
    width: 90%
}

.npc-msl-w-1\/12 {
    width: -webkit-calc(100% /12);
    width: calc(100% /12)
}

.npc-msl-w-2\/12 {
    width: 16.66667%
}

.npc-msl-w-3\/12 {
    width: 25%
}

.npc-msl-w-4\/12 {
    width: 33.33333%
}

.npc-msl-w-5\/12 {
    width: 41.66667%
}

.npc-msl-w-6\/12 {
    width: 50%
}

.npc-msl-w-7\/12 {
    width: 58.33333%
}

.npc-msl-w-8\/12 {
    width: 66.66667%
}

.npc-msl-w-9\/12 {
    width: 75%
}

.npc-msl-w-10\/12 {
    width: 83.33333%
}

.npc-msl-w-11\/12 {
    width: 91.66667%
}

.npc-msl-w-12\/12 {
    width: 100%
}

.npc-msl-w-1\/16 {
    width: -webkit-calc(100% /16);
    width: calc(100% /16)
}

.npc-msl-w-15\/16 {
    width: 93.75%
}

.npc-msl-max-w-0 {
    width: 0
}

.npc-msl-max-w-none {
    width: none
}

.npc-msl-max-w-xs {
    width: 20rem
}

.npc-msl-max-w-sm {
    width: 24rem
}

.npc-msl-max-w-md {
    width: 28rem
}

.npc-msl-max-w-lg {
    width: 32rem
}

.npc-msl-max-w-xl {
    width: 36rem
}

.npc-msl-max-w-2xl {
    width: 42rem
}

.npc-msl-max-w-3xl {
    width: 48rem
}

.npc-msl-max-w-4xl {
    width: 56rem
}

.npc-msl-max-w-5xl {
    width: 64rem
}

.npc-msl-max-w-6xl {
    width: 72rem
}

.npc-msl-max-w-7xl {
    width: 80rem
}

.npc-msl-max-w-full {
    width: 100%
}

.npc-msl-max-w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.npc-msl-max-w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.npc-msl-max-w-prose {
    width: 65ch
}

.npc-msl-max-w-screen-sm {
    width: 768px
}

.npc-msl-max-w-screen-lg {
    width: 1280px
}

.npc-msl-max-w-screen-xl {
    width: 1440px
}

.npc-msl-min-w-0 {
    width: 0
}

.npc-msl-min-w-full {
    width: 100%
}

.npc-msl-min-w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.npc-msl-min-w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-full {
        width:100%
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-full {
        width:100%
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-full {
        width:100%
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-full {
        width:100%
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-full {
        width:100%
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-1\/2 {
        width:50%
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-1\/2 {
        width:50%
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-1\/2 {
        width:50%
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-1\/2 {
        width:50%
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-1\/2 {
        width:50%
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-1\/3 {
        width:-webkit-calc(100% /3);
        width: calc(100% /3)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-1\/3 {
        width:-webkit-calc(100% /3);
        width: calc(100% /3)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-1\/3 {
        width:-webkit-calc(100% /3);
        width: calc(100% /3)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-1\/3 {
        width:-webkit-calc(100% /3);
        width: calc(100% /3)
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-1\/3 {
        width:-webkit-calc(100% /3);
        width: calc(100% /3)
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-1\/4 {
        width:25%
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-1\/4 {
        width:25%
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-1\/4 {
        width:25%
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-1\/4 {
        width:25%
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-1\/4 {
        width:25%
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-1\/6 {
        width:-webkit-calc(100% /6);
        width: calc(100% /6)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-1\/6 {
        width:-webkit-calc(100% /6);
        width: calc(100% /6)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-1\/6 {
        width:-webkit-calc(100% /6);
        width: calc(100% /6)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-1\/6 {
        width:-webkit-calc(100% /6);
        width: calc(100% /6)
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-1\/6 {
        width:-webkit-calc(100% /6);
        width: calc(100% /6)
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-1\/8 {
        width:-webkit-calc(100% /8);
        width: calc(100% /8)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-1\/8 {
        width:-webkit-calc(100% /8);
        width: calc(100% /8)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-1\/8 {
        width:-webkit-calc(100% /8);
        width: calc(100% /8)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-1\/8 {
        width:-webkit-calc(100% /8);
        width: calc(100% /8)
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-1\/8 {
        width:-webkit-calc(100% /8);
        width: calc(100% /8)
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-1\/12 {
        width:-webkit-calc(100% /12);
        width: calc(100% /12)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-1\/12 {
        width:-webkit-calc(100% /12);
        width: calc(100% /12)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-1\/12 {
        width:-webkit-calc(100% /12);
        width: calc(100% /12)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-1\/12 {
        width:-webkit-calc(100% /12);
        width: calc(100% /12)
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-1\/12 {
        width:-webkit-calc(100% /12);
        width: calc(100% /12)
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-w-1\/16 {
        width:-webkit-calc(100% /16);
        width: calc(100% /16)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-w-1\/16 {
        width:-webkit-calc(100% /16);
        width: calc(100% /16)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-w-1\/16 {
        width:-webkit-calc(100% /16);
        width: calc(100% /16)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-w-1\/16 {
        width:-webkit-calc(100% /16);
        width: calc(100% /16)
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-w-1\/16 {
        width:-webkit-calc(100% /16);
        width: calc(100% /16)
    }
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-hidden {
        display:none
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-hidden {
        display:none
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-hidden {
        display:none
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-hidden {
        display:none
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-hidden {
        display:none
    }
}

.npc-msl-hidden {
    display: none
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-block {
        display:block
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-block {
        display:block
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-block {
        display:block
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-block {
        display:block
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-block {
        display:block
    }
}

.npc-msl-block {
    display: block
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-flex {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-flex {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-flex {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-flex {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-flex {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.npc-msl-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-inline-block {
        display:inline-block
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-inline-block {
        display:inline-block
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-inline-block {
        display:inline-block
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-inline-block {
        display:inline-block
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-inline-block {
        display:inline-block
    }
}

.npc-msl-inline-block {
    display: inline-block
}

@media (min-width: 320px) {
    .xs\:prefix-class-name-inline {
        display:inline
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-inline {
        display:inline
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-inline {
        display:inline
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-inline {
        display:inline
    }
}

@media (min-width: 1366px) {
    .xl\:npc-msl-inline {
        display:inline
    }
}

.npc-msl-inline {
    display: inline
}

#WcbWidget .input-field input:focus-visible:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#WcbWidget .input-field input:focus:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#WcbWidget .input-field select:focus,#WcbWidget .input-field select:focus-visible,#WcbWidget textarea:focus,#WcbWidget textarea:focus-visible,#bv-form .input-field input:focus-visible:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#bv-form .input-field input:focus:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#bv-form .input-field select:focus,#bv-form .input-field select:focus-visible,#bv-form textarea:focus,#bv-form textarea:focus-visible,.AlertBanner a:focus,.AlertBanner a:focus-visible,.AlertBanner button:focus,.AlertBanner button:focus-visible,.BlockLink-cell a:focus,.BlockLink-cell a:focus-visible,.CourseProjectFixed-link:focus,.CourseProjectFixed-link:focus-visible:focus,.Essential-content a:focus,.Essential-content a:focus-visible,.Header-help:focus,.Header-help:focus-visible,.Header-logoContent:focus,.Header-logoContent:focus-visible,.Header-logoTitle:focus,.Header-logoTitle:focus-visible,.HeaderLogged-logo:focus,.HeaderLogged-logo:focus-visible,.Login .infos.texte a:focus,.Login .infos.texte a:focus-visible,.Login-logo:focus,.Login-logo:focus-visible,.LowFooterMention-Links:focus,.LowFooterMention-Links:focus-visible,.RichText a:focus,.RichText a:focus-visible,.Themes-tag:focus,.Themes-tag:focus-visible,.backtop--visible:focus,.backtop--visible:focus-visible,.componantFiltre .bootstrap-select.btn-group .dropdown-menu li a:focus,.componantFiltre .bootstrap-select.btn-group .dropdown-menu li a:focus-visible,.componantFiltre .btn.dropdown-toggle:focus,.componantFiltre .btn.dropdown-toggle:focus-visible,.componentZdg .PushCommunication-zoning--primary a:focus,.componentZdg .PushCommunication-zoning--primary a:focus-visible,.componentZdg .PushCommunication-zoning--transparent a:focus,.componentZdg .PushCommunication-zoning--transparent a:focus-visible,.componentZdg .PushCommunication-zoning--white a:focus,.componentZdg .PushCommunication-zoning--white a:focus-visible,.navbar-fol .navbar-fol-ancrage-link:focus,.navbar-fol .navbar-fol-ancrage-link:focus-visible:focus,.navbar-fol-sticky .navbar-fol-ancrage-link:focus,.navbar-fol-sticky .navbar-fol-ancrage-link:focus-visible:focus,.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone:focus,.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone:focus-visible,.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone:focus-visible:focus,.npc-bouton-vert .bootstrap-select.btn-group .dropdown-menu li a:focus,.npc-bouton-vert .bootstrap-select.btn-group .dropdown-menu li a:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted:focus,.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:focus-visible,.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default:focus,.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default:focus-visible,.npc-bv-options li:focus,.npc-bv-options li:focus-visible,.npc-bv-selectpicker .dropdown-menu li:focus,.npc-bv-selectpicker .dropdown-menu li:focus-visible,.npc-carousel-themeInner .owl-dot:focus,.npc-carousel-themeInner .owl-dot:focus-visible,.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette a.npc-catalogue-offres-vignette-titre:focus-visible::before,.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette a.npc-catalogue-offres-vignette-titre:focus::before,.npc-content--segmented-tabs .segmented-tabs .automatic button:focus,.npc-content--segmented-tabs .segmented-tabs .automatic button:focus-visible,.npc-h-navLink .npc-hc-navLink--logout button:focus,.npc-h-navLink .npc-hc-navLink--logout button:focus-visible,.npc-hc-navLink .npc-hc-navLink--logout button:focus,.npc-hc-navLink .npc-hc-navLink--logout button:focus-visible,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next:focus,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next:focus-visible,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev:focus,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev:focus-visible,.npc-msl-button-icon:focus,.npc-msl-button-icon:focus-visible,.npc-msl-outline-focus-blue-100:focus,.npc-msl-outline-focus-blue-100:focus-visible,.npc-msl-outline-focus-blue-200:focus,.npc-msl-outline-focus-blue-200:focus-visible,.npc-msl-outline-focus-blue-300:focus,.npc-msl-outline-focus-blue-300:focus-visible,.npc-msl-outline-focus-blue-400:focus,.npc-msl-outline-focus-blue-400:focus-visible,.npc-msl-outline-focus-blue-500:focus,.npc-msl-outline-focus-blue-500:focus-visible,.npc-msl-outline-focus-blue-50:focus,.npc-msl-outline-focus-blue-50:focus-visible,.npc-msl-outline-focus-blue-600:focus,.npc-msl-outline-focus-blue-600:focus-visible,.npc-msl-outline-focus-blue-700:focus,.npc-msl-outline-focus-blue-700:focus-visible,.npc-msl-outline-focus-blue-800:focus,.npc-msl-outline-focus-blue-800:focus-visible,.npc-msl-outline-focus-blue-900:focus,.npc-msl-outline-focus-blue-900:focus-visible,.npc-msl-outline-focus-contact:focus,.npc-msl-outline-focus-contact:focus-visible,.npc-msl-outline-focus-danger-100:focus,.npc-msl-outline-focus-danger-100:focus-visible,.npc-msl-outline-focus-danger-30:focus,.npc-msl-outline-focus-danger-30:focus-visible,.npc-msl-outline-focus-danger-50:focus,.npc-msl-outline-focus-danger-50:focus-visible,.npc-msl-outline-focus-green-100:focus,.npc-msl-outline-focus-green-100:focus-visible,.npc-msl-outline-focus-green-200:focus,.npc-msl-outline-focus-green-200:focus-visible,.npc-msl-outline-focus-green-300:focus,.npc-msl-outline-focus-green-300:focus-visible,.npc-msl-outline-focus-green-400:focus,.npc-msl-outline-focus-green-400:focus-visible,.npc-msl-outline-focus-green-500:focus,.npc-msl-outline-focus-green-500:focus-visible,.npc-msl-outline-focus-green-50:focus,.npc-msl-outline-focus-green-50:focus-visible,.npc-msl-outline-focus-green-600:focus,.npc-msl-outline-focus-green-600:focus-visible,.npc-msl-outline-focus-green-700:focus,.npc-msl-outline-focus-green-700:focus-visible,.npc-msl-outline-focus-green-800:focus,.npc-msl-outline-focus-green-800:focus-visible,.npc-msl-outline-focus-green-900:focus,.npc-msl-outline-focus-green-900:focus-visible,.npc-msl-outline-focus-grey-000:focus,.npc-msl-outline-focus-grey-000:focus-visible,.npc-msl-outline-focus-grey-1000:focus,.npc-msl-outline-focus-grey-1000:focus-visible,.npc-msl-outline-focus-grey-100:focus,.npc-msl-outline-focus-grey-100:focus-visible,.npc-msl-outline-focus-grey-200:focus,.npc-msl-outline-focus-grey-200:focus-visible,.npc-msl-outline-focus-grey-300:focus,.npc-msl-outline-focus-grey-300:focus-visible,.npc-msl-outline-focus-grey-400:focus,.npc-msl-outline-focus-grey-400:focus-visible,.npc-msl-outline-focus-grey-500:focus,.npc-msl-outline-focus-grey-500:focus-visible,.npc-msl-outline-focus-grey-50:focus,.npc-msl-outline-focus-grey-50:focus-visible,.npc-msl-outline-focus-grey-600:focus,.npc-msl-outline-focus-grey-600:focus-visible,.npc-msl-outline-focus-grey-700:focus,.npc-msl-outline-focus-grey-700:focus-visible,.npc-msl-outline-focus-grey-800:focus,.npc-msl-outline-focus-grey-800:focus-visible,.npc-msl-outline-focus-grey-900:focus,.npc-msl-outline-focus-grey-900:focus-visible,.npc-msl-outline-focus-information-100:focus,.npc-msl-outline-focus-information-100:focus-visible,.npc-msl-outline-focus-information-30:focus,.npc-msl-outline-focus-information-30:focus-visible,.npc-msl-outline-focus-information-50:focus,.npc-msl-outline-focus-information-50:focus-visible,.npc-msl-outline-focus-notification-100:focus,.npc-msl-outline-focus-notification-100:focus-visible,.npc-msl-outline-focus-offset-0:focus,.npc-msl-outline-focus-offset-0:focus-visible,.npc-msl-outline-focus-offset-100:focus,.npc-msl-outline-focus-offset-100:focus-visible,.npc-msl-outline-focus-offset-n2:focus,.npc-msl-outline-focus-offset-n2:focus-visible,.npc-msl-outline-focus-pink-100:focus,.npc-msl-outline-focus-pink-100:focus-visible,.npc-msl-outline-focus-pink-200:focus,.npc-msl-outline-focus-pink-200:focus-visible,.npc-msl-outline-focus-pink-300:focus,.npc-msl-outline-focus-pink-300:focus-visible,.npc-msl-outline-focus-pink-400:focus,.npc-msl-outline-focus-pink-400:focus-visible,.npc-msl-outline-focus-pink-500:focus,.npc-msl-outline-focus-pink-500:focus-visible,.npc-msl-outline-focus-pink-50:focus,.npc-msl-outline-focus-pink-50:focus-visible,.npc-msl-outline-focus-pink-600:focus,.npc-msl-outline-focus-pink-600:focus-visible,.npc-msl-outline-focus-pink-700:focus,.npc-msl-outline-focus-pink-700:focus-visible,.npc-msl-outline-focus-pink-800:focus,.npc-msl-outline-focus-pink-800:focus-visible,.npc-msl-outline-focus-pink-900:focus,.npc-msl-outline-focus-pink-900:focus-visible,.npc-msl-outline-focus-primary:focus,.npc-msl-outline-focus-primary:focus-visible,.npc-msl-outline-focus-purple-100:focus,.npc-msl-outline-focus-purple-100:focus-visible,.npc-msl-outline-focus-purple-200:focus,.npc-msl-outline-focus-purple-200:focus-visible,.npc-msl-outline-focus-purple-300:focus,.npc-msl-outline-focus-purple-300:focus-visible,.npc-msl-outline-focus-purple-400:focus,.npc-msl-outline-focus-purple-400:focus-visible,.npc-msl-outline-focus-purple-500:focus,.npc-msl-outline-focus-purple-500:focus-visible,.npc-msl-outline-focus-purple-50:focus,.npc-msl-outline-focus-purple-50:focus-visible,.npc-msl-outline-focus-purple-600:focus,.npc-msl-outline-focus-purple-600:focus-visible,.npc-msl-outline-focus-purple-700:focus,.npc-msl-outline-focus-purple-700:focus-visible,.npc-msl-outline-focus-purple-800:focus,.npc-msl-outline-focus-purple-800:focus-visible,.npc-msl-outline-focus-purple-900:focus,.npc-msl-outline-focus-purple-900:focus-visible,.npc-msl-outline-focus-red-100:focus,.npc-msl-outline-focus-red-100:focus-visible,.npc-msl-outline-focus-red-200:focus,.npc-msl-outline-focus-red-200:focus-visible,.npc-msl-outline-focus-red-300:focus,.npc-msl-outline-focus-red-300:focus-visible,.npc-msl-outline-focus-red-400:focus,.npc-msl-outline-focus-red-400:focus-visible,.npc-msl-outline-focus-red-500:focus,.npc-msl-outline-focus-red-500:focus-visible,.npc-msl-outline-focus-red-50:focus,.npc-msl-outline-focus-red-50:focus-visible,.npc-msl-outline-focus-red-600:focus,.npc-msl-outline-focus-red-600:focus-visible,.npc-msl-outline-focus-red-700:focus,.npc-msl-outline-focus-red-700:focus-visible,.npc-msl-outline-focus-red-800:focus,.npc-msl-outline-focus-red-800:focus-visible,.npc-msl-outline-focus-red-900:focus,.npc-msl-outline-focus-red-900:focus-visible,.npc-msl-outline-focus-reverse:focus,.npc-msl-outline-focus-reverse:focus-visible,.npc-msl-outline-focus-secondary-100:focus,.npc-msl-outline-focus-secondary-100:focus-visible,.npc-msl-outline-focus-secondary-150:focus,.npc-msl-outline-focus-secondary-150:focus-visible,.npc-msl-outline-focus-secondary-200:focus,.npc-msl-outline-focus-secondary-200:focus-visible,.npc-msl-outline-focus-secondary-300:focus,.npc-msl-outline-focus-secondary-300:focus-visible,.npc-msl-outline-focus-secondary-400:focus,.npc-msl-outline-focus-secondary-400:focus-visible,.npc-msl-outline-focus-secondary-500:focus,.npc-msl-outline-focus-secondary-500:focus-visible,.npc-msl-outline-focus-secondary-600:focus,.npc-msl-outline-focus-secondary-600:focus-visible,.npc-msl-outline-focus-success-100:focus,.npc-msl-outline-focus-success-100:focus-visible,.npc-msl-outline-focus-success-30:focus,.npc-msl-outline-focus-success-30:focus-visible,.npc-msl-outline-focus-success-50:focus,.npc-msl-outline-focus-success-50:focus-visible,.npc-msl-outline-focus-warning-100:focus,.npc-msl-outline-focus-warning-100:focus-visible,.npc-msl-outline-focus-warning-30:focus,.npc-msl-outline-focus-warning-30:focus-visible,.npc-msl-outline-focus-warning-50:focus,.npc-msl-outline-focus-warning-50:focus-visible,.npc-msl-outline-focus-yellow-100:focus,.npc-msl-outline-focus-yellow-100:focus-visible,.npc-msl-outline-focus-yellow-200:focus,.npc-msl-outline-focus-yellow-200:focus-visible,.npc-msl-outline-focus-yellow-300:focus,.npc-msl-outline-focus-yellow-300:focus-visible,.npc-msl-outline-focus-yellow-400:focus,.npc-msl-outline-focus-yellow-400:focus-visible,.npc-msl-outline-focus-yellow-500:focus,.npc-msl-outline-focus-yellow-500:focus-visible,.npc-msl-outline-focus-yellow-50:focus,.npc-msl-outline-focus-yellow-50:focus-visible,.npc-msl-outline-focus-yellow-600:focus,.npc-msl-outline-focus-yellow-600:focus-visible,.npc-msl-outline-focus-yellow-700:focus,.npc-msl-outline-focus-yellow-700:focus-visible,.npc-msl-outline-focus-yellow-800:focus,.npc-msl-outline-focus-yellow-800:focus-visible,.npc-msl-outline-focus-yellow-900:focus,.npc-msl-outline-focus-yellow-900:focus-visible,.npc-msl-outline-focus:focus,.npc-msl-outline-focus:focus-visible,.npc-sn0-account a:focus-visible:before,.npc-sn0-account a:focus:before,.texte.cq-Editable-dom .richtext-container a:focus,.texte.cq-Editable-dom .richtext-container a:focus-visible,.texte.section a:focus,.texte.section a:focus-visible,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus-visible,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus-visible,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus-visible,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus-visible,mt-carousel carousel-controls mds-icon-button:focus,mt-carousel carousel-controls mds-icon-button:focus-visible {
    outline-style: solid;
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

.npc-msl-outline-focus-primary:focus-visible {
    outline-color: var(--msl-brand-primary)
}

.npc-msl-outline-focus-secondary-100:focus-visible {
    outline-color: var(--msl-brand-secondary-100)
}

.npc-msl-outline-focus-secondary-150:focus-visible {
    outline-color: var(--msl-brand-secondary-150)
}

.npc-msl-outline-focus-secondary-200:focus-visible {
    outline-color: var(--msl-brand-secondary-200)
}

.npc-msl-outline-focus-secondary-300:focus-visible {
    outline-color: var(--msl-brand-secondary-300)
}

.npc-msl-outline-focus-secondary-400:focus-visible {
    outline-color: var(--msl-brand-secondary-400)
}

.npc-msl-outline-focus-secondary-500:focus-visible {
    outline-color: var(--msl-brand-secondary-500)
}

.npc-msl-outline-focus-secondary-600:focus-visible {
    outline-color: var(--msl-brand-secondary-600)
}

.npc-msl-outline-focus-notification-100:focus-visible {
    outline-color: var(--msl-bg-notification)
}

.npc-msl-outline-focus-danger-100:focus-visible {
    outline-color: var(--msl-functionnal-danger-100)
}

.npc-msl-outline-focus-danger-50:focus-visible {
    outline-color: var(--msl-functionnal-danger-50)
}

.npc-msl-outline-focus-danger-30:focus-visible {
    outline-color: var(--msl-functionnal-danger-30)
}

.npc-msl-outline-focus-success-100:focus-visible {
    outline-color: var(--msl-functionnal-success-100)
}

.npc-msl-outline-focus-success-50:focus-visible {
    outline-color: var(--msl-functionnal-success-50)
}

.npc-msl-outline-focus-success-30:focus-visible {
    outline-color: var(--msl-functionnal-success-30)
}

.npc-msl-outline-focus-information-100:focus-visible {
    outline-color: var(--msl-functionnal-information-100)
}

.npc-msl-outline-focus-information-50:focus-visible {
    outline-color: var(--msl-functionnal-information-50)
}

.npc-msl-outline-focus-information-30:focus-visible {
    outline-color: var(--msl-functionnal-information-30)
}

.npc-msl-outline-focus-warning-100:focus-visible {
    outline-color: var(--msl-functionnal-warning-100)
}

.npc-msl-outline-focus-warning-50:focus-visible {
    outline-color: var(--msl-functionnal-warning-50)
}

.npc-msl-outline-focus-warning-30:focus-visible {
    outline-color: var(--msl-functionnal-warning-30)
}

.npc-msl-outline-focus-contact:focus-visible {
    outline-color: var(--msl-functionnal-contact)
}

.npc-msl-outline-focus-grey-000:focus-visible {
    outline-color: var(--msl-artwork-grey-0)
}

.npc-msl-outline-focus-grey-50:focus-visible {
    outline-color: var(--msl-artwork-grey-50)
}

.npc-msl-outline-focus-grey-100:focus-visible {
    outline-color: var(--msl-artwork-grey-100)
}

.npc-msl-outline-focus-grey-200:focus-visible {
    outline-color: var(--msl-artwork-grey-200)
}

.npc-msl-outline-focus-grey-300:focus-visible {
    outline-color: var(--msl-artwork-grey-300)
}

.npc-msl-outline-focus-grey-400:focus-visible {
    outline-color: var(--msl-artwork-grey-400)
}

.npc-msl-outline-focus-grey-500:focus-visible {
    outline-color: var(--msl-artwork-grey-500)
}

.npc-msl-outline-focus-grey-600:focus-visible {
    outline-color: var(--msl-artwork-grey-600)
}

.npc-msl-outline-focus-grey-700:focus-visible {
    outline-color: var(--msl-artwork-grey-700)
}

.npc-msl-outline-focus-grey-800:focus-visible {
    outline-color: var(--msl-artwork-grey-800)
}

.npc-msl-outline-focus-grey-900:focus-visible {
    outline-color: var(--msl-artwork-grey-900)
}

.npc-msl-outline-focus-grey-1000:focus-visible {
    outline-color: var(--msl-artwork-grey-1000)
}

.npc-msl-outline-focus-blue-50:focus-visible {
    outline-color: var(--msl-artwork-blue-50)
}

.npc-msl-outline-focus-blue-100:focus-visible {
    outline-color: var(--msl-artwork-blue-100)
}

.npc-msl-outline-focus-blue-200:focus-visible {
    outline-color: var(--msl-artwork-blue-200)
}

.npc-msl-outline-focus-blue-300:focus-visible {
    outline-color: var(--msl-artwork-blue-300)
}

.npc-msl-outline-focus-blue-400:focus-visible {
    outline-color: var(--msl-artwork-blue-400)
}

.npc-msl-outline-focus-blue-500:focus-visible {
    outline-color: var(--msl-artwork-blue-500)
}

.npc-msl-outline-focus-blue-600:focus-visible {
    outline-color: var(--msl-artwork-blue-600)
}

.npc-msl-outline-focus-blue-700:focus-visible {
    outline-color: var(--msl-artwork-blue-700)
}

.npc-msl-outline-focus-blue-800:focus-visible {
    outline-color: var(--msl-artwork-blue-800)
}

.npc-msl-outline-focus-blue-900:focus-visible {
    outline-color: var(--msl-artwork-blue-900)
}

.npc-msl-outline-focus-green-50:focus-visible {
    outline-color: var(--msl-artwork-green-50)
}

.npc-msl-outline-focus-green-100:focus-visible {
    outline-color: var(--msl-artwork-green-100)
}

.npc-msl-outline-focus-green-200:focus-visible {
    outline-color: var(--msl-artwork-green-200)
}

.npc-msl-outline-focus-green-300:focus-visible {
    outline-color: var(--msl-artwork-green-300)
}

.npc-msl-outline-focus-green-400:focus-visible {
    outline-color: var(--msl-artwork-green-400)
}

.npc-msl-outline-focus-green-500:focus-visible {
    outline-color: var(--msl-artwork-green-500)
}

.npc-msl-outline-focus-green-600:focus-visible {
    outline-color: var(--msl-artwork-green-600)
}

.npc-msl-outline-focus-green-700:focus-visible {
    outline-color: var(--msl-artwork-green-700)
}

.npc-msl-outline-focus-green-800:focus-visible {
    outline-color: var(--msl-artwork-green-800)
}

.npc-msl-outline-focus-green-900:focus-visible {
    outline-color: var(--msl-artwork-green-900)
}

.npc-msl-outline-focus-pink-50:focus-visible {
    outline-color: var(--msl-artwork-pink-50)
}

.npc-msl-outline-focus-pink-100:focus-visible {
    outline-color: var(--msl-artwork-pink-100)
}

.npc-msl-outline-focus-pink-200:focus-visible {
    outline-color: var(--msl-artwork-pink-200)
}

.npc-msl-outline-focus-pink-300:focus-visible {
    outline-color: var(--msl-artwork-pink-300)
}

.npc-msl-outline-focus-pink-400:focus-visible {
    outline-color: var(--msl-artwork-pink-400)
}

.npc-msl-outline-focus-pink-500:focus-visible {
    outline-color: var(--msl-artwork-pink-500)
}

.npc-msl-outline-focus-pink-600:focus-visible {
    outline-color: var(--msl-artwork-pink-600)
}

.npc-msl-outline-focus-pink-700:focus-visible {
    outline-color: var(--msl-artwork-pink-700)
}

.npc-msl-outline-focus-pink-800:focus-visible {
    outline-color: var(--msl-artwork-pink-800)
}

.npc-msl-outline-focus-pink-900:focus-visible {
    outline-color: var(--msl-artwork-pink-900)
}

.npc-msl-outline-focus-purple-50:focus-visible {
    outline-color: var(--msl-artwork-purple-50)
}

.npc-msl-outline-focus-purple-100:focus-visible {
    outline-color: var(--msl-artwork-purple-100)
}

.npc-msl-outline-focus-purple-200:focus-visible {
    outline-color: var(--msl-artwork-purple-200)
}

.npc-msl-outline-focus-purple-300:focus-visible {
    outline-color: var(--msl-artwork-purple-300)
}

.npc-msl-outline-focus-purple-400:focus-visible {
    outline-color: var(--msl-artwork-purple-400)
}

.npc-msl-outline-focus-purple-500:focus-visible {
    outline-color: var(--msl-artwork-purple-500)
}

.npc-msl-outline-focus-purple-600:focus-visible {
    outline-color: var(--msl-artwork-purple-600)
}

.npc-msl-outline-focus-purple-700:focus-visible {
    outline-color: var(--msl-artwork-purple-700)
}

.npc-msl-outline-focus-purple-800:focus-visible {
    outline-color: var(--msl-artwork-purple-800)
}

.npc-msl-outline-focus-purple-900:focus-visible {
    outline-color: var(--msl-artwork-purple-900)
}

.npc-msl-outline-focus-red-50:focus-visible {
    outline-color: var(--msl-artwork-red-50)
}

.npc-msl-outline-focus-red-100:focus-visible {
    outline-color: var(--msl-artwork-red-100)
}

.npc-msl-outline-focus-red-200:focus-visible {
    outline-color: var(--msl-artwork-red-200)
}

.npc-msl-outline-focus-red-300:focus-visible {
    outline-color: var(--msl-artwork-red-300)
}

.npc-msl-outline-focus-red-400:focus-visible {
    outline-color: var(--msl-artwork-red-400)
}

.npc-msl-outline-focus-red-500:focus-visible {
    outline-color: var(--msl-artwork-red-500)
}

.npc-msl-outline-focus-red-600:focus-visible {
    outline-color: var(--msl-artwork-red-600)
}

.npc-msl-outline-focus-red-700:focus-visible {
    outline-color: var(--msl-artwork-red-700)
}

.npc-msl-outline-focus-red-800:focus-visible {
    outline-color: var(--msl-artwork-red-800)
}

.npc-msl-outline-focus-red-900:focus-visible {
    outline-color: var(--msl-artwork-red-900)
}

.npc-msl-outline-focus-yellow-50:focus-visible {
    outline-color: var(--msl-artwork-yellow-50)
}

.npc-msl-outline-focus-yellow-100:focus-visible {
    outline-color: var(--msl-artwork-yellow-100)
}

.npc-msl-outline-focus-yellow-200:focus-visible {
    outline-color: var(--msl-artwork-yellow-200)
}

.npc-msl-outline-focus-yellow-300:focus-visible {
    outline-color: var(--msl-artwork-yellow-300)
}

.npc-msl-outline-focus-yellow-400:focus-visible {
    outline-color: var(--msl-artwork-yellow-400)
}

.npc-msl-outline-focus-yellow-500:focus-visible {
    outline-color: var(--msl-artwork-yellow-500)
}

.npc-msl-outline-focus-yellow-600:focus-visible {
    outline-color: var(--msl-artwork-yellow-600)
}

.npc-msl-outline-focus-yellow-700:focus-visible {
    outline-color: var(--msl-artwork-yellow-700)
}

.npc-msl-outline-focus-yellow-800:focus-visible {
    outline-color: var(--msl-artwork-yellow-800)
}

.npc-msl-outline-focus-yellow-900:focus-visible {
    outline-color: var(--msl-artwork-yellow-900)
}

.AlertBanner a:focus,.AlertBanner a:focus-visible,.AlertBanner button:focus,.AlertBanner button:focus-visible,.Header-help:focus,.Header-help:focus-visible,.backtop--visible:focus,.backtop--visible:focus-visible,.componentZdg .PushCommunication-zoning--primary a:focus,.componentZdg .PushCommunication-zoning--primary a:focus-visible,.componentZdg .PushCommunication-zoning--transparent a:focus,.componentZdg .PushCommunication-zoning--transparent a:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted:focus,.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary:focus-visible,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:focus,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:focus-visible,.npc-h-navLink .npc-hc-navLink--logout button:focus,.npc-h-navLink .npc-hc-navLink--logout button:focus-visible,.npc-hc-navLink .npc-hc-navLink--logout button:focus,.npc-hc-navLink .npc-hc-navLink--logout button:focus-visible,.npc-msl-outline-focus-reverse:focus,.npc-msl-outline-focus-reverse:focus-visible,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus-visible,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus-visible,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:focus-visible,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:focus-visible {
    outline-color: var(--msl-border-focusIndicator-reverse)
}

#WcbWidget .input-field input:focus-visible:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#WcbWidget .input-field input:focus:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#WcbWidget .input-field select:focus,#WcbWidget .input-field select:focus-visible,#WcbWidget textarea:focus,#WcbWidget textarea:focus-visible,#bv-form .input-field input:focus-visible:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#bv-form .input-field input:focus:not(.npc-msl-outline-focus-reverse):not(.backtop--visible):not(.Header-help),#bv-form .input-field select:focus,#bv-form .input-field select:focus-visible,#bv-form textarea:focus,#bv-form textarea:focus-visible,.Header-logoContent:focus,.Header-logoContent:focus-visible,.Header-logoTitle:focus,.Header-logoTitle:focus-visible,.HeaderLogged-logo:focus,.HeaderLogged-logo:focus-visible,.Login-logo:focus,.Login-logo:focus-visible,.backtop--visible:focus,.backtop--visible:focus-visible,.componantFiltre .bootstrap-select.btn-group .dropdown-menu li a:focus,.componantFiltre .bootstrap-select.btn-group .dropdown-menu li a:focus-visible,.npc-bouton-vert .bootstrap-select.btn-group .dropdown-menu li a:focus,.npc-bouton-vert .bootstrap-select.btn-group .dropdown-menu li a:focus-visible,.npc-bv-options li:focus,.npc-bv-options li:focus-visible,.npc-bv-selectpicker .dropdown-menu li:focus,.npc-bv-selectpicker .dropdown-menu li:focus-visible,.npc-msl-outline-focus-offset-n2:focus,.npc-msl-outline-focus-offset-n2:focus-visible {
    outline-offset: -2px
}

.npc-msl-outline-focus-offset-100:focus,.npc-msl-outline-focus-offset-100:focus-visible {
    outline-offset: 8px
}

.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default:focus,.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default:focus-visible,.npc-msl-outline-focus-offset-0:focus,.npc-msl-outline-focus-offset-0:focus-visible {
    outline-offset: 0px
}

.npc-msl-outline-focus-none:focus,.npc-msl-outline-focus-none:focus-visible {
    outline: unset
}

@media (min-width: 990px) {
    .md\:npc-msl-outline-focus:focus,.md\:npc-msl-outline-focus:focus-visible {
        outline-style:solid;
        outline-offset: 2px;
        outline-width: 2px;
        outline-color: var(--msl-border-focusIndicator)
    }
}

npc-msl-border-0 {
    border-width: var(--msl-spacing-00)
}

npc-msl-border-l-0 {
    border-left-width: var(--msl-spacing-00)
}

npc-msl-border-r-0 {
    border-right-width: var(--msl-spacing-00)
}

npc-msl-border-t-0 {
    border-top-width: var(--msl-spacing-00)
}

npc-msl-border-b-0 {
    border-bottom-width: var(--msl-spacing-00)
}

@media (min-width: 320px) {
    .xs\:npc-msl-border-0 {
        border-width:var(--msl-spacing-00)
    }

    .xs\:npc-msl-border-l-0 {
        border-left-width: var(--msl-spacing-00)
    }

    .xs\:npc-msl-border-r-0 {
        border-right-width: var(--msl-spacing-00)
    }

    .xs\:npc-msl-border-t-0 {
        border-top-width: var(--msl-spacing-00)
    }

    .xs\:npc-msl-border-b-0 {
        border-bottom-width: var(--msl-spacing-00)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-border-0 {
        border-width:var(--msl-spacing-00)
    }

    .sm\:npc-msl-border-l-0 {
        border-left-width: var(--msl-spacing-00)
    }

    .sm\:npc-msl-border-r-0 {
        border-right-width: var(--msl-spacing-00)
    }

    .sm\:npc-msl-border-t-0 {
        border-top-width: var(--msl-spacing-00)
    }

    .sm\:npc-msl-border-b-0 {
        border-bottom-width: var(--msl-spacing-00)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-border-0 {
        border-width:var(--msl-spacing-00)
    }

    .md\:npc-msl-border-l-0 {
        border-left-width: var(--msl-spacing-00)
    }

    .md\:npc-msl-border-r-0 {
        border-right-width: var(--msl-spacing-00)
    }

    .md\:npc-msl-border-t-0 {
        border-top-width: var(--msl-spacing-00)
    }

    .md\:npc-msl-border-b-0 {
        border-bottom-width: var(--msl-spacing-00)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-border-0 {
        border-width:var(--msl-spacing-00)
    }

    .lg\:npc-msl-border-l-0 {
        border-left-width: var(--msl-spacing-00)
    }

    .lg\:npc-msl-border-r-0 {
        border-right-width: var(--msl-spacing-00)
    }

    .lg\:npc-msl-border-t-0 {
        border-top-width: var(--msl-spacing-00)
    }

    .lg\:npc-msl-border-b-0 {
        border-bottom-width: var(--msl-spacing-00)
    }
}

npc-msl-border-1 {
    border-width: var(--msl-spacing-50)/4
}

npc-msl-border-l-1 {
    border-left-width: var(--msl-spacing-50)/4
}

npc-msl-border-r-1 {
    border-right-width: var(--msl-spacing-50)/4
}

npc-msl-border-t-1 {
    border-top-width: var(--msl-spacing-50)/4
}

npc-msl-border-b-1 {
    border-bottom-width: var(--msl-spacing-50)/4
}

@media (min-width: 320px) {
    .xs\:npc-msl-border-1 {
        border-width:var(--msl-spacing-50)/4
    }

    .xs\:npc-msl-border-l-1 {
        border-left-width: var(--msl-spacing-50)/4
    }

    .xs\:npc-msl-border-r-1 {
        border-right-width: var(--msl-spacing-50)/4
    }

    .xs\:npc-msl-border-t-1 {
        border-top-width: var(--msl-spacing-50)/4
    }

    .xs\:npc-msl-border-b-1 {
        border-bottom-width: var(--msl-spacing-50)/4
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-border-1 {
        border-width:var(--msl-spacing-50)/4
    }

    .sm\:npc-msl-border-l-1 {
        border-left-width: var(--msl-spacing-50)/4
    }

    .sm\:npc-msl-border-r-1 {
        border-right-width: var(--msl-spacing-50)/4
    }

    .sm\:npc-msl-border-t-1 {
        border-top-width: var(--msl-spacing-50)/4
    }

    .sm\:npc-msl-border-b-1 {
        border-bottom-width: var(--msl-spacing-50)/4
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-border-1 {
        border-width:var(--msl-spacing-50)/4
    }

    .md\:npc-msl-border-l-1 {
        border-left-width: var(--msl-spacing-50)/4
    }

    .md\:npc-msl-border-r-1 {
        border-right-width: var(--msl-spacing-50)/4
    }

    .md\:npc-msl-border-t-1 {
        border-top-width: var(--msl-spacing-50)/4
    }

    .md\:npc-msl-border-b-1 {
        border-bottom-width: var(--msl-spacing-50)/4
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-border-1 {
        border-width:var(--msl-spacing-50)/4
    }

    .lg\:npc-msl-border-l-1 {
        border-left-width: var(--msl-spacing-50)/4
    }

    .lg\:npc-msl-border-r-1 {
        border-right-width: var(--msl-spacing-50)/4
    }

    .lg\:npc-msl-border-t-1 {
        border-top-width: var(--msl-spacing-50)/4
    }

    .lg\:npc-msl-border-b-1 {
        border-bottom-width: var(--msl-spacing-50)/4
    }
}

npc-msl-border-2 {
    border-width: var(--msl-spacing-50)/2
}

npc-msl-border-l-2 {
    border-left-width: var(--msl-spacing-50)/2
}

npc-msl-border-r-2 {
    border-right-width: var(--msl-spacing-50)/2
}

npc-msl-border-t-2 {
    border-top-width: var(--msl-spacing-50)/2
}

npc-msl-border-b-2 {
    border-bottom-width: var(--msl-spacing-50)/2
}

@media (min-width: 320px) {
    .xs\:npc-msl-border-2 {
        border-width:var(--msl-spacing-50)/2
    }

    .xs\:npc-msl-border-l-2 {
        border-left-width: var(--msl-spacing-50)/2
    }

    .xs\:npc-msl-border-r-2 {
        border-right-width: var(--msl-spacing-50)/2
    }

    .xs\:npc-msl-border-t-2 {
        border-top-width: var(--msl-spacing-50)/2
    }

    .xs\:npc-msl-border-b-2 {
        border-bottom-width: var(--msl-spacing-50)/2
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-border-2 {
        border-width:var(--msl-spacing-50)/2
    }

    .sm\:npc-msl-border-l-2 {
        border-left-width: var(--msl-spacing-50)/2
    }

    .sm\:npc-msl-border-r-2 {
        border-right-width: var(--msl-spacing-50)/2
    }

    .sm\:npc-msl-border-t-2 {
        border-top-width: var(--msl-spacing-50)/2
    }

    .sm\:npc-msl-border-b-2 {
        border-bottom-width: var(--msl-spacing-50)/2
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-border-2 {
        border-width:var(--msl-spacing-50)/2
    }

    .md\:npc-msl-border-l-2 {
        border-left-width: var(--msl-spacing-50)/2
    }

    .md\:npc-msl-border-r-2 {
        border-right-width: var(--msl-spacing-50)/2
    }

    .md\:npc-msl-border-t-2 {
        border-top-width: var(--msl-spacing-50)/2
    }

    .md\:npc-msl-border-b-2 {
        border-bottom-width: var(--msl-spacing-50)/2
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-border-2 {
        border-width:var(--msl-spacing-50)/2
    }

    .lg\:npc-msl-border-l-2 {
        border-left-width: var(--msl-spacing-50)/2
    }

    .lg\:npc-msl-border-r-2 {
        border-right-width: var(--msl-spacing-50)/2
    }

    .lg\:npc-msl-border-t-2 {
        border-top-width: var(--msl-spacing-50)/2
    }

    .lg\:npc-msl-border-b-2 {
        border-bottom-width: var(--msl-spacing-50)/2
    }
}

npc-msl-border-4 {
    border-width: var(--msl-spacing-50)
}

npc-msl-border-l-4 {
    border-left-width: var(--msl-spacing-50)
}

npc-msl-border-r-4 {
    border-right-width: var(--msl-spacing-50)
}

npc-msl-border-t-4 {
    border-top-width: var(--msl-spacing-50)
}

npc-msl-border-b-4 {
    border-bottom-width: var(--msl-spacing-50)
}

@media (min-width: 320px) {
    .xs\:npc-msl-border-4 {
        border-width:var(--msl-spacing-50)
    }

    .xs\:npc-msl-border-l-4 {
        border-left-width: var(--msl-spacing-50)
    }

    .xs\:npc-msl-border-r-4 {
        border-right-width: var(--msl-spacing-50)
    }

    .xs\:npc-msl-border-t-4 {
        border-top-width: var(--msl-spacing-50)
    }

    .xs\:npc-msl-border-b-4 {
        border-bottom-width: var(--msl-spacing-50)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-border-4 {
        border-width:var(--msl-spacing-50)
    }

    .sm\:npc-msl-border-l-4 {
        border-left-width: var(--msl-spacing-50)
    }

    .sm\:npc-msl-border-r-4 {
        border-right-width: var(--msl-spacing-50)
    }

    .sm\:npc-msl-border-t-4 {
        border-top-width: var(--msl-spacing-50)
    }

    .sm\:npc-msl-border-b-4 {
        border-bottom-width: var(--msl-spacing-50)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-border-4 {
        border-width:var(--msl-spacing-50)
    }

    .md\:npc-msl-border-l-4 {
        border-left-width: var(--msl-spacing-50)
    }

    .md\:npc-msl-border-r-4 {
        border-right-width: var(--msl-spacing-50)
    }

    .md\:npc-msl-border-t-4 {
        border-top-width: var(--msl-spacing-50)
    }

    .md\:npc-msl-border-b-4 {
        border-bottom-width: var(--msl-spacing-50)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-border-4 {
        border-width:var(--msl-spacing-50)
    }

    .lg\:npc-msl-border-l-4 {
        border-left-width: var(--msl-spacing-50)
    }

    .lg\:npc-msl-border-r-4 {
        border-right-width: var(--msl-spacing-50)
    }

    .lg\:npc-msl-border-t-4 {
        border-top-width: var(--msl-spacing-50)
    }

    .lg\:npc-msl-border-b-4 {
        border-bottom-width: var(--msl-spacing-50)
    }
}

npc-msl-border-8 {
    border-width: var(--msl-spacing-100)
}

npc-msl-border-l-8 {
    border-left-width: var(--msl-spacing-100)
}

npc-msl-border-r-8 {
    border-right-width: var(--msl-spacing-100)
}

npc-msl-border-t-8 {
    border-top-width: var(--msl-spacing-100)
}

npc-msl-border-b-8 {
    border-bottom-width: var(--msl-spacing-100)
}

@media (min-width: 320px) {
    .xs\:npc-msl-border-8 {
        border-width:var(--msl-spacing-100)
    }

    .xs\:npc-msl-border-l-8 {
        border-left-width: var(--msl-spacing-100)
    }

    .xs\:npc-msl-border-r-8 {
        border-right-width: var(--msl-spacing-100)
    }

    .xs\:npc-msl-border-t-8 {
        border-top-width: var(--msl-spacing-100)
    }

    .xs\:npc-msl-border-b-8 {
        border-bottom-width: var(--msl-spacing-100)
    }
}

@media (min-width: 650px) {
    .sm\:npc-msl-border-8 {
        border-width:var(--msl-spacing-100)
    }

    .sm\:npc-msl-border-l-8 {
        border-left-width: var(--msl-spacing-100)
    }

    .sm\:npc-msl-border-r-8 {
        border-right-width: var(--msl-spacing-100)
    }

    .sm\:npc-msl-border-t-8 {
        border-top-width: var(--msl-spacing-100)
    }

    .sm\:npc-msl-border-b-8 {
        border-bottom-width: var(--msl-spacing-100)
    }
}

@media (min-width: 990px) {
    .md\:npc-msl-border-8 {
        border-width:var(--msl-spacing-100)
    }

    .md\:npc-msl-border-l-8 {
        border-left-width: var(--msl-spacing-100)
    }

    .md\:npc-msl-border-r-8 {
        border-right-width: var(--msl-spacing-100)
    }

    .md\:npc-msl-border-t-8 {
        border-top-width: var(--msl-spacing-100)
    }

    .md\:npc-msl-border-b-8 {
        border-bottom-width: var(--msl-spacing-100)
    }
}

@media (min-width: 1170px) {
    .lg\:npc-msl-border-8 {
        border-width:var(--msl-spacing-100)
    }

    .lg\:npc-msl-border-l-8 {
        border-left-width: var(--msl-spacing-100)
    }

    .lg\:npc-msl-border-r-8 {
        border-right-width: var(--msl-spacing-100)
    }

    .lg\:npc-msl-border-t-8 {
        border-top-width: var(--msl-spacing-100)
    }

    .lg\:npc-msl-border-b-8 {
        border-bottom-width: var(--msl-spacing-100)
    }
}

.npc-msl-rounded-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.npc-msl-rounded-icon.large {
    width: 48px;
    height: 48px;
    font-size: var(--msl-fontSize-24);
    line-height: 24px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-rounded-icon.medium {
    width: 40px;
    height: 40px;
    font-size: var(--msl-fontSize-24);
    line-height: 24px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-rounded-icon.small {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 20px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-rounded-icon.x-small {
    width: 24px;
    height: 24px;
    font-size: var(--msl-fontSize-16);
    line-height: 16px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-squared-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.npc-msl-squared-icon.large {
    width: 48px;
    height: 48px;
    font-size: var(--msl-fontSize-24);
    line-height: 24px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-squared-icon.medium {
    width: 40px;
    height: 40px;
    font-size: var(--msl-fontSize-24);
    line-height: 24px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-squared-icon.small {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 20px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-squared-icon.x-small {
    width: 24px;
    height: 24px;
    font-size: var(--msl-fontSize-16);
    line-height: 16px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-square-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-msl-square-icon.npc-caisse-locale-size {
    width: 56px;
    height: 56px;
    border-radius: 11.2px
}

.npc-msl-square-icon.npc-caisse-locale-size .icon::after,.npc-msl-square-icon.npc-caisse-locale-size .icon::before {
    font-size: 28px
}

.npc-msl-square-icon.large {
    min-width: 32px;
    width: 32px;
    max-width: 32px;
    min-height: 32px;
    height: 32px;
    max-height: 32px;
    border-radius: var(--msl-borderRadius-100)
}

.npc-msl-square-icon.large .icon::after,.npc-msl-square-icon.large .icon::before {
    font-size: var(--msl-borderRadius-200)
}

.npc-msl-square-icon.medium {
    min-width: 24px;
    width: 24px;
    max-width: 24px;
    min-height: 24px;
    height: 24px;
    max-height: 24px;
    border-radius: 6px
}

.npc-msl-square-icon.medium .icon::after,.npc-msl-square-icon.medium .icon::before {
    font-size: 12px
}

.npc-msl-square-icon.small {
    min-width: 20px;
    width: 20px;
    max-width: 20px;
    min-height: 20px;
    height: 20px;
    max-height: 20px;
    border-radius: var(--msl-borderRadius-50)
}

.npc-msl-square-icon.small .icon::after,.npc-msl-square-icon.small .icon::before {
    font-size: 12px
}

.npc-msl-toggle__label {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-100)
}

.npc-msl-toggle input[type=radio]:after,.npc-msl-toggle input[type=radio]:disabled:after {
    border-color: transparent
}

.npc-msl-toggle__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-msl-toggle__content label {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-100);
    padding-left: var(--msl-spacing-200);
    padding-right: var(--msl-spacing-200);
    border-color: var(--msl-brand-primary);
    border-width: 1px;
    color: var(--msl-brand-primary)
}

.npc-msl-toggle__content label:nth-child(2) {
    border-top-left-radius: var(--msl-borderRadius-150);
    border-bottom-left-radius: var(--msl-borderRadius-150);
    border-style: solid;
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-toggle__content label:last-child {
    border-top-right-radius: var(--msl-borderRadius-150);
    border-bottom-right-radius: var(--msl-borderRadius-150);
    margin-left: -1px;
    border-style: solid
}

.npc-msl-toggle__content input:checked+label {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-primary)
}

.npc-msl-toggle__content input {
    position: absolute;
    z-index: -1
}

.npc-msl-toggle__content input:focus+label {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: #fff 0 0 0 2px,#0a94a8 0 0 0 4px,transparent 0 0 0 0
}

.npc-msl-toggle__content input:disabled+label {
    cursor: not-allowed;
    color: var(--msl-artwork-grey-600);
    border-color: var(--msl-artwork-grey-100)
}

.npc-msl-toggle__content input:disabled+label:active {
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-toggle__message-error {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-functionnal-danger-100)
}

.npc-msl-ff-error .npc-msl-toggle__content label {
    border-color: var(--msl-functionnal-danger-100)
}

.npc-msl-ff-error .npc-msl-toggle__content label:active {
    box-shadow: 0 0 0 0 var(--msl-artwork-grey-0),"" 0 0 0 -webkit-calc(0px + 0) rgba(59,130,246,.5),0 0 var(--msl-artwork-grey-1000);
    box-shadow: 0 0 0 0 var(--msl-artwork-grey-0),"" 0 0 0 calc(0px + 0) rgba(59,130,246,.5),0 0 var(--msl-artwork-grey-1000)
}

.npc-msl-collapse {
    width: 100%
}

.npc-msl-collapse .npc-msl-collapse-item {
    position: relative;
    background: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s);
    border-radius: var(--msl-borderRadius-150);
    margin-top: var(--msl-spacing-200)
}

.npc-msl-collapse .npc-msl-collapse-item:focus-within {
    border-radius: var(--msl-borderRadius-150);
    border: 2px solid var(--msl-border-focusIndicator)
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: var(--msl-text);
    text-decoration: none;
    min-height: 72px;
    background: var(--msl-bg-elmt);
    border-radius: var(--msl-borderRadius-150);
    padding: var(--msl-spacing-200) var(--msl-spacing-300);
    border: unset;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 0 var(--msl-spacing-300)
}

@media (max-width: 650px) {
    .npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header {
        padding:var(--msl-spacing-200) var(--msl-spacing-100);
        gap: 0 var(--msl-spacing-100)
    }
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header img:not(.AccordionSteps-headerIconImg) {
    width: 40px;
    border-radius: 50%
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header .npc-msl-collapse-item-header-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 .5rem;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    text-align: left
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header .npc-msl-collapse-item-header-text .npc-msl-collapse-item-header-text--title {
    margin: unset!important;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    font-weight: var(--msl-fontWeight-700);
    text-transform: unset
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header .npc-msl-collapse-item-header-text .npc-msl-collapse-item-header-text--desc {
    margin: unset!important;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-transform: unset
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header .npc-msl-collapse-item-header-text-right {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-secondary-400);
    text-align: end
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header:after {
    content: "";
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    line-height: 1;
    color: var(--msl-brand-secondary-500);
    font-size: var(--msl-fontSize-14);
    min-width: 32px
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header:pressed {
    background-color: var(--msl-bg-pressed)
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header:focus {
    outline: 0
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header:hover {
    background-color: var(--msl-bg-hover)
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header:disabled {
    background-color: var(--msl-bg-disabled)
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-divider {
    border-top: 1px solid var(--msl-divider);
    margin-left: var(--msl-spacing-200);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: var(--msl-spacing-200);
    background: 0 0;
	padding: 0;
}

.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-body {
    display: none;
    background: var(--msl-artwork-grey-0);
    border-radius: 0 0 var(--msl-borderRadius-150) var(--msl-borderRadius-150);
    box-shadow: var(--msl-boxShadow-m);
    padding: var(--msl-spacing-200) var(--msl-spacing-300)
}

.npc-msl-collapse .npc-msl-collapse-item :first-child {
    margin-top: 0
}

.npc-msl-collapse .npc-msl-collapse-item.collapse-expended .npc-msl-collapse-item-body {
    display: block
}

.npc-msl-collapse .npc-msl-collapse-item.collapse-expended .npc-msl-collapse-item-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: none
}

.npc-msl-collapse .npc-msl-collapse-item.collapse-expended .npc-msl-collapse-item-header:after {
    content: "";
    color: var(--msl-brand-primary);
    background-color: transparent
}

.SynthesisDropdown-toggleText {
    font-weight: var(--msl-fontWeight-700)
}

.SynthesisDropdown-toggleText--showed {
    display: none;
    color: #19212d
}

.SynthesisAccountsWrappers {
    border-radius: 20px
}

.SynthesisDropdown--open .SynthesisDropdown-toggle {
    color: var(--msl-brand-primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.SynthesisDropdown--open .SynthesisDropdown-toggle:after {
    content: ""
}

.SynthesisDropdown--open .SynthesisDropdown-toggleText--hidden {
    display: none
}

.SynthesisDropdown--open .SynthesisDropdown-toggleText--showed {
    display: block
}

.SynthesisDropdown--open .SynthesisDropdown-content {
    display: block
}

.npc-msl-link {
    border: unset;
    background: unset;
    padding: unset;
    color: var(--msl-text-primary);
    text-decoration: unset;
    text-transform: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    outline: 0;
    box-shadow: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-link:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 5px;
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-link.inverted:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 5px;
    border: 2px solid var(--msl-border-focusIndicator-reverse);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-link.inverted span {
    color: var(--msl-text-reverse)
}

.npc-msl-link.npc-msl-small {
    gap: 8px
}

.npc-msl-link.npc-msl-small i {
    width: 24px;
    height: 24px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-link.npc-msl-large {
    gap: 16px
}

.npc-msl-link.npc-msl-large i {
    width: 32px;
    height: 32px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-link.npc-msl-help i {
    background-color: var(--msl-bg-brand-moderate)
}

.npc-msl-link.npc-msl-marketing i {
    color: var(--msl-text-on-marketing);
    background-color: var(--msl-bg-marketing)
}

.npc-msl-link.npc-msl-marketing i:focus,.npc-msl-link.npc-msl-marketing i:hover {
    background-color: var(--msl-bg-marketing-hover);
    text-decoration: unset
}

.npc-msl-link.npc-msl-marketing i:active {
    background-color: var(--msl-bg-marketing-pressed)
}

.npc-msl-link.npc-msl-primary i {
    color: var(--msl-text-on-primary);
    background-color: var(--msl-bg-brand-primary)
}

.npc-msl-link.npc-msl-primary i:hover {
    background-color: var(--msl-bg-primary-hover)
}

.npc-msl-link.npc-msl-primary i:active {
    background-color: var(--msl-bg-primary-pressed)
}

.npc-msl-link .icon,.npc-msl-link i {
    background-color: var(--msl-artwork-grey-50);
    border-radius: 50%;
    color: var(--msl-text-primary);
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-msl-link span {
    text-decoration: underline
}

.npc-msl-link :disabled,.npc-msl-link.isDisabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: var(--msl-text-disabled);
    opacity: .5
}

.npc-msl-link:focus,.npc-msl-link:hover {
    color: var(--msl-text-primary-hover);
    text-decoration: unset
}

.npc-msl-link:focus i::before,.npc-msl-link:hover i::before {
    text-decoration: unset!important
}

.npc-msl-link:active {
    color: var(--msl-text-primary-pressed)
}

.npc-msl-rounded-icon-action {
    border: unset;
    background: unset;
    padding: unset;
    color: var(--msl-text-primary);
    text-decoration: unset;
    text-transform: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    outline: 0;
    box-shadow: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.npc-msl-rounded-icon-action:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 5px;
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-rounded-icon-action.inverted:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 5px;
    border: 2px solid var(--msl-border-focusIndicator-reverse);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-rounded-icon-action.inverted span {
    color: var(--msl-text-reverse)
}

.npc-msl-rounded-icon-action.npc-msl-small {
    gap: 8px
}

.npc-msl-rounded-icon-action.npc-msl-large {
    gap: 16px
}

.npc-msl-rounded-icon-action.npc-msl-large i {
    width: 32px;
    height: 32px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-rounded-icon-action.npc-msl-help i {
    background-color: var(--msl-bg-brand-moderate)
}

.npc-msl-rounded-icon-action.npc-msl-marketing i {
    color: var(--msl-text-on-marketing);
    background-color: var(--msl-bg-marketing)
}

.npc-msl-rounded-icon-action.npc-msl-marketing i:focus,.npc-msl-rounded-icon-action.npc-msl-marketing i:hover {
    background-color: var(--msl-bg-marketing-hover);
    text-decoration: unset
}

.npc-msl-rounded-icon-action.npc-msl-marketing i:active {
    background-color: var(--msl-bg-marketing-pressed)
}

.npc-msl-rounded-icon-action.npc-msl-primary i {
    color: var(--msl-text-on-primary);
    background-color: var(--msl-bg-brand-primary)
}

.npc-msl-rounded-icon-action.npc-msl-primary i:hover {
    background-color: var(--msl-bg-primary-hover)
}

.npc-msl-rounded-icon-action.npc-msl-primary i:active {
    background-color: var(--msl-bg-primary-pressed)
}

.npc-msl-rounded-icon-action .icon,.npc-msl-rounded-icon-action i {
    background-color: var(--msl-artwork-grey-50);
    border-radius: 50%;
    color: var(--msl-text-primary);
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-msl-rounded-icon-action span {
    text-decoration: underline
}

.npc-msl-rounded-icon-action :disabled,.npc-msl-rounded-icon-action.isDisabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: var(--msl-text-disabled);
    opacity: .5
}

.npc-msl-rounded-icon-action:focus,.npc-msl-rounded-icon-action:hover {
    color: var(--msl-text-primary-hover);
    text-decoration: unset
}

.npc-msl-rounded-icon-action:focus i::before,.npc-msl-rounded-icon-action:hover i::before {
    text-decoration: unset!important
}

.npc-msl-rounded-icon-action:active {
    color: var(--msl-text-primary-pressed)
}

.npc-msl-rounded-icon-action:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-rounded-icon-action.npc-msl-small i {
    width: 24px;
    height: 24px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-rounded-icon-action.npc-msl-medium i {
    width: 32px;
    height: 32px;
    font-size: 20px
}

.npc-msl-rounded-icon-action.npc-msl-large i {
    width: 40px;
    height: 40px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-button {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: var(--msl-borderRadius-full);
    border: 1px solid var(--msl-border-primary);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--msl-spacing-100) var(--msl-spacing-300);
    text-decoration: none;
    position: relative;
    gap: var(--msl-spacing-100);
    outline: 0
}

.npc-msl-button .icon {
    font-size: var(--msl-fontSize-24)
}

.npc-msl-button.npc-msl-button-primary {
    color: var(--msl-text-on-primary);
    background-color: var(--msl-bg-brand-primary)
}

.npc-msl-button.npc-msl-button-primary:hover {
    background-color: var(--msl-bg-primary-hover)
}

.npc-msl-button.npc-msl-button-primary:active {
    background-color: var(--msl-bg-primary-pressed)
}

.npc-msl-button.npc-msl-button-secondary {
    color: var(--msl-text-primary);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-button.npc-msl-button-secondary:hover {
    color: var(--msl-text-primary-hover);
    border-color: var(--msl-border-primary-hover);
    background-color: var(--msl-bg-hover)
}

.npc-msl-button.npc-msl-button-secondary:active {
    color: var(--msl-text-primary-pressed);
    border-color: var(--msl-border-primary-pressed)
}

.npc-msl-button.npc-msl-button-primary--inverted,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted {
    position: relative;
    color: var(--msl-text-primary);
    background-color: var(--msl-bg-elmt);
    border: unset
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover {
    color: var(--msl-text-primary-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before {
    top: 0;
    left: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active {
    color: var(--msl-text-primary-pressed);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover);
    border-radius: inherit
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover {
    color: var(--msl-text-primary-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before {
    top: 0;
    left: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active {
    color: var(--msl-text-primary-pressed);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover);
    border-radius: inherit
}

.npc-msl-button.npc-msl-button-primary--inverted,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted {
    position: relative;
    color: var(--msl-text-primary);
    background-color: var(--msl-bg-elmt);
    border: unset
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover {
    color: var(--msl-text-primary-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before {
    top: 0;
    left: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active {
    color: var(--msl-text-primary-pressed);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover);
    border-radius: inherit
}

.npc-msl-button.npc-msl-button-primary--inverted,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted {
    position: relative;
    color: var(--msl-text-primary);
    background-color: var(--msl-bg-elmt);
    border: unset
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover {
    color: var(--msl-text-primary-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):hover:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):hover:before {
    top: 0;
    left: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active {
    color: var(--msl-text-primary-pressed);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-button.npc-msl-button-primary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:not(.disabled):not(:disabled):active:before,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:not(.disabled):not(:disabled):active:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--msl-bg-hover);
    border-radius: inherit
}

.npc-msl-button.npc-msl-button-secondary--inverted {
    color: var(--msl-text-reverse);
    background-color: transparent;
    border-color: var(--msl-border-reverse)
}

.npc-msl-button.npc-msl-button-secondary--inverted:hover {
    background-color: var(--msl-bg-reverse-hover)
}

.npc-msl-button.npc-msl-button-secondary--inverted:active {
    background-color: var(--msl-bg-reverse-pressed)
}

.npc-msl-button.npc-msl-button-secondary--inverted.isDisabled,.npc-msl-button.npc-msl-button-secondary--inverted:disabled {
    background-color: transparent!important;
    cursor: not-allowed
}

.npc-msl-button.isDisabled,.npc-msl-button:disabled {
    cursor: not-allowed;
    color: var(--msl-text-disabled)!important;
    background-color: var(--msl-bg-disabled)!important;
    border-color: var(--msl-border-disabled)
}

.npc-msl-button:focus,.npc-msl-button:hover {
    text-decoration: none
}

.npc-msl-button.npc-msl-button-conversion:focus::after,.npc-msl-button.npc-msl-button-primary:focus::after,.npc-msl-button.npc-msl-button-secondary:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-button.npc-msl-button-primary--inverted:focus::after,.npc-msl-button.npc-msl-button-secondary--inverted:focus::after,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-primary:focus::after,.vignette-client-action .card-secondary .npc-msl-button.npc-msl-button-secondary--inverted:focus::after,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-primary:focus::after,.vignette-client-action .card-secondary-double .npc-msl-button.npc-msl-button-secondary--inverted:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-border-focusIndicator-reverse);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

@media (max-width: 1169px) {
    .npc-msl-button.npc-msl-button-hlm {
        height:48px;
        width: 48px;
        padding: unset
    }

    .npc-msl-button.npc-msl-button-hlm span {
        display: none
    }
}

.npc-msl-button.npc-msl-button-conversion {
    color: var(--msl-text-on-primary);
    background-color: var(--msl-bg-marketing);
    border-color: var(--msl-bg-marketing)
}

.npc-msl-button.npc-msl-button-conversion:hover {
    background-color: var(--msl-bg-marketing-hover);
    border-color: var(--msl-bg-marketing-hover)
}

.npc-msl-button.npc-msl-button-conversion:active {
    background-color: var(--msl-bg-marketing-pressed);
    border-color: var(--msl-bg-marketing-pressed)
}

.npc-msl-content-full .npc-msl-button {
    width: 100%
}

.npc-msl-button-icon {
    border-radius: var(--msl-borderRadius-300);
    background-color: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: unset;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    color: var(--msl-text-primary-hover)
}

.npc-msl-button-icon .disabled,.npc-msl-button-icon [aria-disabled=true],.npc-msl-button-icon[disabled] {
    cursor: not-allowed;
    background-color: var(--msl-bg-disabled)
}

.npc-msl-button-icon.s {
    width: 1.7rem;
    height: 1.7rem;
    font-size: var(--msl-fontSize-16)
}

.npc-msl-button-icon.m {
    width: 2.3rem;
    height: 2.3rem;
    font-size: var(--msl-fontSize-18)
}

.npc-msl-button-icon.l {
    width: 2.8rem;
    height: 2.8rem;
    font-size: var(--msl-fontSize-24)
}

.npc-msl-button-icon.xl {
    font-size: var(--msl-fontSize-24);
    width: 3.4rem;
    height: 3.4rem
}

.npc-msl-button-icon:hover {
    background-color: var(--msl-bg-hover)
}

.npc-msl-button-icon .icon {
    font-size: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-msl-btt-button {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.npc-msl-btt-button .npc-msl-btt-button-label {
    display: grid;
    grid-template-columns: 0fr;
    -webkit-transition: grid-template-columns .3s;
    transition: grid-template-columns .3s;
    transition: grid-template-columns .3s,-ms-grid-columns .3s
}

.npc-msl-btt-button .npc-msl-btt-button-label p {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0;
    overflow: hidden;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    white-space: nowrap;
    margin-bottom: 0
}

.npc-msl-btt-button:focus,.npc-msl-btt-button:hover {
    -webkit-column-gap: var(--msl-spacing-100);
    -moz-column-gap: var(--msl-spacing-100);
    column-gap: var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-400);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.npc-msl-btt-button:focus .npc-msl-btt-button-label,.npc-msl-btt-button:hover .npc-msl-btt-button-label {
    grid-template-columns: 1fr
}

.npc-msl-btt-button:focus .npc-msl-btt-button-label p,.npc-msl-btt-button:hover .npc-msl-btt-button-label p {
    -webkit-transform: initial;
    transform: initial;
    opacity: 1;
    padding-left: var(--msl-spacing-100)
}

.npc-msl-btt-button .icon {
    font-size: var(--msl-fontSize-24)
}

.npc-msl-form-group .npc-msl-form-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-msl-form-group .npc-msl-form-field label,.npc-msl-form-group .npc-msl-form-field legend {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    display: block;
    text-transform: unset;
    margin-bottom: var(--msl-spacing-100);
    color: var(--msl-artwork-grey-900);
    border-bottom: unset
}

.npc-msl-form-group .npc-msl-form-field label .npc-msl-ff-label-fac,.npc-msl-form-group .npc-msl-form-field legend .npc-msl-ff-label-fac {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-left: var(--msl-spacing-100)
}

.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]),.npc-msl-form-group .npc-msl-form-field textarea {
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-150);
    cursor: text;
    position: relative;
    border: unset;
    color: var(--msl-artwork-grey-600);
    padding: 12px var(--msl-spacing-500) 12px var(--msl-spacing-200);
    height: -webkit-calc(20px + 12px + 12px);
    height: calc(20px + 12px + 12px);
    width: 100%
}

.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):focus,.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):hover,.npc-msl-form-group .npc-msl-form-field textarea:focus,.npc-msl-form-group .npc-msl-form-field textarea:hover {
    background-color: var(--msl-artwork-grey-100);
    outline: unset
}

.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only,.npc-msl-form-group .npc-msl-form-field textarea:-moz-read-only {
    cursor: not-allowed;
    z-index: 1
}

.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):disabled,.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only,.npc-msl-form-group .npc-msl-form-field textarea:disabled,.npc-msl-form-group .npc-msl-form-field textarea:read-only {
    cursor: not-allowed;
    z-index: 1
}

.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only:focus,.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only:hover,.npc-msl-form-group .npc-msl-form-field textarea:-moz-read-only:focus,.npc-msl-form-group .npc-msl-form-field textarea:-moz-read-only:hover {
    background-color: var(--msl-artwork-grey-50)
}

.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):disabled:focus,.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):disabled:hover,.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only:focus,.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only:hover,.npc-msl-form-group .npc-msl-form-field textarea:disabled:focus,.npc-msl-form-group .npc-msl-form-field textarea:disabled:hover,.npc-msl-form-group .npc-msl-form-field textarea:read-only:focus,.npc-msl-form-group .npc-msl-form-field textarea:read-only:hover {
    background-color: var(--msl-artwork-grey-50)
}

.npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):disabled,.npc-msl-form-group .npc-msl-form-field textarea:disabled {
    opacity: .3;
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-form-group .npc-msl-form-field input[type=checkbox]:disabled~label {
    color: var(--msl-artwork-grey-600)
}

.npc-msl-form-group .npc-msl-form-field input.currency {
    text-align: right
}

.npc-msl-form-group .npc-msl-form-field textarea {
    height: 120px;
    margin-bottom: -4px;
    resize: vertical
}

.npc-msl-form-group .npc-msl-form-field textarea:focus {
    outline: unset
}

.npc-msl-form-group .npc-msl-form-field textarea.noResize {
    resize: none
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox {
    position: relative;
    gap: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: var(--msl-spacing-200)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox:first-of-type {
    margin-top: var(--msl-spacing-300)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input {
    margin: var(--msl-spacing-50) 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid var(--msl-artwork-grey-500);
    border-radius: var(--msl-borderRadius-50);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:before {
    content: ""
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:before {
    top: 1px!important;
    rotate: unset!important;
    -webkit-transform: unset!important;
    transform: unset!important;
    border: unset!important;
    left: unset!important;
    color: var(--msl-artwork-grey-100)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:after {
    display: none
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:checked {
    background-color: var(--msl-brand-primary);
    border-color: var(--msl-brand-primary)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:checked:before {
    color: var(--msl-artwork-grey-0)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input[aria-invalid=true] {
    border: 2px solid var(--msl-functionnal-danger-100)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input[readonly] {
    pointer-events: none;
    cursor: not-allowed;
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input[readonly]:checked {
    background-color: var(--msl-artwork-grey-600);
    border-color: var(--msl-artwork-grey-600)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:hover {
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:hover:checked {
    background-color: var(--msl-brand-secondary-500);
    border-color: var(--msl-brand-secondary-500)
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:focus-visible:after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:focus:not(:focus-visible):after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:focus-visible:after {
    bottom: unset;
    right: unset;
    top: -2.5px;
    left: -4.5px;
    width: 23px;
    height: 23px;
    border-radius: 5px
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox input:focus:not(:focus-visible):after {
    bottom: unset;
    right: unset;
    top: -2.5px;
    left: -4.5px;
    width: 23px;
    height: 23px;
    border-radius: 5px
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-checkbox label {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin: unset
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-input {
    position: relative
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-input .npc-msl-ff-input-active {
    display: none
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-input:focus-within::after {
    content: "";
    height: 2px;
    background: var(--msl-brand-primary);
    left: var(--msl-borderRadius-150);
    right: var(--msl-borderRadius-150);
    bottom: 0;
    position: absolute
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-input-error {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-functionnal-danger-100);
    display: none
}

.npc-msl-form-group .npc-msl-form-field .npc-msl-ff-input-desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.npc-msl-form-group .npc-msl-form-field.npc-msl-ff-active .npc-msl-ff-input-active {
    display: block;
    position: absolute;
    right: 16px;
    top: 14px;
    font-size: 17px;
    color: var(--msl-functionnal-success-100)
}

.npc-msl-form-group .npc-msl-form-field.npc-msl-ff-error .npc-msl-ff-input:focus-within::after {
    background: var(--msl-functionnal-danger-100)
}

.npc-msl-form-group .npc-msl-form-field.npc-msl-ff-error .npc-msl-ff-input::after {
    content: "";
    height: 2px;
    background: var(--msl-functionnal-danger-100);
    left: var(--msl-borderRadius-150);
    right: var(--msl-borderRadius-150);
    bottom: 0;
    position: absolute
}

.npc-msl-form-group .npc-msl-form-field.npc-msl-ff-error .npc-msl-ff-input-error {
    display: block
}

.npc-msl-ff-select:focus-within::after {
    display: none!important
}

.npc-msl-ff-select select {
    display: none
}

.npc-msl-ff-select .npc-msl-ff-select--combobox {
    position: relative
}

.npc-msl-ff-select .npc-msl-ff-select--combobox .npc-msl-ffs-combobox--chips {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-200) var(--msl-spacing-00);
    gap: var(--msl-spacing-100);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] {
    position: relative
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--nbSelected {
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-artwork-grey-500);
    border-radius: var(--msl-borderRadius-50);
    padding: var(--msl-spacing-150) 70px var(--msl-spacing-150) var(--msl-spacing-200);
    width: 100%;
    display: block;
    text-align: left
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--nbSelected:hover {
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--nbSelected:focus {
    border-color: var(--msl-brand-secondary-600)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--nbSelected[aria-invalid=true] {
    border-color: var(--msl-functionnal-danger-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--remove {
    position: absolute;
    right: 44px;
    top: var(--msl-spacing-150);
    background-color: unset;
    border: unset;
    padding: unset
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--remove i {
    color: var(--msl-brand-primary);
    font-size: 20px
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--select {
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-artwork-grey-500);
    border-radius: var(--msl-borderRadius-50);
    padding: var(--msl-spacing-150) 70px var(--msl-spacing-150) var(--msl-spacing-200)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--select:hover {
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--select:focus {
    border-color: var(--msl-brand-secondary-600)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox] .npc-msl-ffs-combobox--select[aria-invalid=true] {
    border-color: var(--msl-functionnal-danger-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox][aria-expanded=true]:after {
    content: ""
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox][aria-expanded=false]:after {
    content: ""
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox]:after {
    position: absolute;
    color: var(--msl-brand-primary);
    right: var(--msl-spacing-200);
    top: 14px;
    font-size: 20px
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] {
    box-shadow: var(--msl-boxShadow-s);
    border-radius: var(--msl-borderRadius-150);
    padding: var(--msl-spacing-200) var(--msl-spacing-00);
    margin-top: var(--msl-spacing-100);
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel {
    max-height: 200px;
    overflow: auto
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel::-webkit-scrollbar {
    width: var(--msl-spacing-50)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel::-webkit-scrollbar-thumb {
    background-color: var(--msl-brand-primary);
    border-radius: var(--msl-spacing-500)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel::-webkit-scrollbar-button {
    height: var(--msl-borderRadius-150)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] {
    position: relative;
    gap: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: var(--msl-spacing-200);
    padding: 0 20px
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option]:first-of-type {
    margin-top: var(--msl-spacing-300)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input {
    margin: var(--msl-spacing-50) 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid var(--msl-artwork-grey-500);
    border-radius: var(--msl-borderRadius-50);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:before {
    content: ""
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:before {
    top: 1px!important;
    rotate: unset!important;
    -webkit-transform: unset!important;
    transform: unset!important;
    border: unset!important;
    left: unset!important;
    color: var(--msl-artwork-grey-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:after {
    display: none
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:checked {
    background-color: var(--msl-brand-primary);
    border-color: var(--msl-brand-primary)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:checked:before {
    color: var(--msl-artwork-grey-0)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input[aria-invalid=true] {
    border: 2px solid var(--msl-functionnal-danger-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input[readonly] {
    pointer-events: none;
    cursor: not-allowed;
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input[readonly]:checked {
    background-color: var(--msl-artwork-grey-600);
    border-color: var(--msl-artwork-grey-600)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:hover {
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:hover:checked {
    background-color: var(--msl-brand-secondary-500);
    border-color: var(--msl-brand-secondary-500)
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:focus-visible:after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:focus:not(:focus-visible):after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:focus-visible:after {
    bottom: unset;
    right: unset;
    top: -2.5px;
    left: -4.5px;
    width: 23px;
    height: 23px;
    border-radius: 5px
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] input:focus:not(:focus-visible):after {
    bottom: unset;
    right: unset;
    top: -2.5px;
    left: -4.5px;
    width: 23px;
    height: 23px;
    border-radius: 5px
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] label {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin: unset
}

.npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: var(--msl-spacing-100) var(--msl-spacing-00)
}

.npc-msl-card {
    margin: 0 var(--msl-spacing-300);
    width: -webkit-calc(100% - 2 * var(--msl-spacing-300));
    width: calc(100% - 2 * var(--msl-spacing-300));
    background-color: var(--msl-artwork-grey-50);
    padding: var(--msl-spacing-300);
    position: relative;
    text-align: left
}

.npc-msl-card.npc-msl-card-border {
    border: 1px solid;
    border-color: var(--msl-artwork-grey-100);
    background-color: var(--msl-artwork-grey-0)
}

.npc-msl-card.npc-msl-card-action {
    box-shadow: var(--msl-boxShadow-m);
    background-color: var(--msl-artwork-grey-0);
    text-decoration: unset;
    display: block;
    border-style: unset
}

.npc-msl-card.npc-msl-card-action:hover {
    -webkit-transform: translateY(-1%)
}

.npc-msl-card.npc-msl-card-action:focus {
    outline: unset
}

.npc-msl-card.npc-msl-card-long {
    margin: 0 56px;
    width: -webkit-calc(100% - 2 * 56px);
    width: calc(100% - 2 * 56px)
}

.npc-msl-card.npc-msl-card-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.npc-msl-card.npc-msl-card-large {
    border-radius: 20px
}

.npc-msl-card.npc-msl-card-large:focus:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: -webkit-calc(20px + 4px);
    border-radius: calc(20px + 4px);
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-card.npc-msl-card-medium {
    border-radius: var(--msl-borderRadius-150)
}

.npc-msl-card.npc-msl-card-medium:focus:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: -webkit-calc(var(--msl-borderRadius-150) + 4px);
    border-radius: calc(var(--msl-borderRadius-150) + 4px);
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-card.npc-msl-card-small {
    border-radius: var(--msl-borderRadius-100)
}

.npc-msl-card.npc-msl-card-small:focus:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: -webkit-calc(var(--msl-borderRadius-100) + 4px);
    border-radius: calc(var(--msl-borderRadius-100) + 4px);
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-tag {
    padding: 10px var(--msl-spacing-200);
    border-radius: var(--msl-borderRadius-200);
    color: var(--msl-artwork-grey-900);
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-tag.npc-msl-tag-success {
    background-color: var(--msl-functionnal-success-50)
}

.npc-msl-tag.npc-msl-tag-info {
    background-color: var(--msl-functionnal-information-50)
}

.npc-msl-tag.npc-msl-tag-warning {
    background-color: var(--msl-functionnal-warning-50)
}

.npc-msl-tag.npc-msl-tag-danger {
    background-color: var(--msl-functionnal-danger-50)
}

.npc-msl-visual-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    gap: var(--msl-spacing-100);
    padding: var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-100);
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-visual-tag .npc-msl-visual-tag--icon {
    width: 14px;
    height: 14px;
    font-size: 14px
}

.npc-msl-visual-tag.npc-msl-visual-tag-blue {
    background-color: var(--msl-bg-blue-minimal);
    color: var(--msl-text-blue)
}

.npc-msl-visual-tag.npc-msl-visual-tag-green {
    background-color: var(--msl-bg-green-minimal);
    color: var(--msl-text-green)
}

.npc-msl-visual-tag.npc-msl-visual-tag-pink {
    background-color: var(--msl-bg-pink-minimal);
    color: var(--msl-text-pink)
}

.npc-msl-visual-tag.npc-msl-visual-tag-purple {
    background-color: var(--msl-bg-purple-minimal);
    color: var(--msl-text-purple)
}

.npc-msl-visual-tag.npc-msl-visual-tag-red {
    background-color: var(--msl-bg-red-minimal);
    color: var(--msl-text-red)
}

.npc-msl-visual-tag.npc-msl-visual-tag-yellow {
    background-color: var(--msl-bg-yellow-minimal);
    color: var(--msl-text-yellow)
}

.npc-msl-visual-tag.npc-msl-visual-tag-small {
    gap: var(--msl-spacing-50);
    padding: var(--msl-spacing-50);
    border-radius: var(--msl-borderRadius-50);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-tooltip i.npc-msl-tooltip--identifier {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    line-height: 16px;
    color: var(--msl-brand-primary);
    position: relative
}

.npc-msl-tooltip i.npc-msl-tooltip--identifier:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px
}

.npc-msl-tooltip .npc-msl-tooltip--identifier {
    cursor: pointer;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    display: block;
    position: relative
}

.npc-msl-tooltip .npc-msl-tooltip--identifier:focus {
    outline: unset
}

.npc-msl-tooltip .npc-msl-tooltip--identifier:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-msl-tooltip .npc-msl-tooltip--content {
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    max-width: 360px;
    position: absolute;
    z-index: 9999;
    margin-left: -8px
}

@media (max-width: 380px) {
    .npc-msl-tooltip .npc-msl-tooltip--content {
        width:intrinsic;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: max-content;
        max-width: -webkit-calc(100% - 20px);
        max-width: calc(100% - 20px)
    }
}

.npc-msl-tooltip .npc-msl-tooltip--content .npc-msl-t-c--custom,.npc-msl-tooltip .npc-msl-tooltip--content p {
    background-color: var(--msl-artwork-grey-100);
    padding: 12px var(--msl-spacing-200);
    border-radius: var(--msl-borderRadius-100);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.npc-msl-tooltip .npc-msl-tooltip--content .npc-msl-tooltip--arrow {
    height: 0;
    width: 0;
    border-right: 6px solid transparent;
    border-bottom: 8px solid var(--msl-artwork-grey-100);
    border-left: 6px solid transparent;
    margin-left: 8px
}

.npc-msl-tooltip .npc-msl-tooltip--content.white .npc-msl-t-c--custom,.npc-msl-tooltip .npc-msl-tooltip--content.white p {
    background: var(--msl-artwork-grey-50)
}

.npc-msl-tooltip .npc-msl-tooltip--content.white.border .npc-msl-tooltip--arrow {
    background: var(--msl-artwork-grey-50)
}

.npc-msl-tooltip .npc-msl-tooltip--content.border .npc-msl-t-c--custom,.npc-msl-tooltip .npc-msl-tooltip--content.border p {
    margin-top: -6px;
    border: 1px solid var(--msl-artwork-grey-300)
}

.npc-msl-tooltip .npc-msl-tooltip--content.border .npc-msl-tooltip--arrow {
    background: var(--msl-artwork-grey-100);
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: unset;
    border-right: unset;
    border-top: 1px solid var(--msl-artwork-grey-300);
    border-left: 1px solid var(--msl-artwork-grey-300)
}

.npc-msl-progressbar-container {
    background: var(--msl-artwork-grey-100);
    margin-top: var(--msl-spacing-200);
    margin-bottom: var(--msl-spacing-200);
    border-radius: 3px;
    width: inherit
}

.npc-msl-progressbar-container .npc-msl-progressbar-bar {
    height: 5px;
    border-radius: 3px;
    background: var(--msl-brand-secondary-400)
}

.npc-msl-progressbar-container .npc-msl-progressbar-bar.npc-msl-progressbar-warning {
    background: var(--msl-functionnal-warning-100)
}

.npc-msl-progressbar-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: var(--msl-spacing-100);
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.npc-msl-progressbar-title p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 0
}

.npc-msl-progressbar-title-description {
    color: var(--msl-artwork-grey-600)
}

.npc-msl-progressbar-title-description p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-100)
}

.npc-msl-progressbar-title-under-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: var(--msl-spacing-100);
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    color: var(--msl-artwork-grey-600)
}

.npc-msl-progressbar-title-under-progress p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-top: 5px;
    margin-bottom: 0
}

.npc-msl-modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-400);
    background: var(--msl-modal-bg);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: var(--msl-modal-borderRadius);
    box-shadow: var(--msl-boxShadow-m);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
    overflow: hidden;
    margin: auto;
    padding: var(--msl-spacing-400) var(--msl-spacing-300) var(--msl-spacing-500);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 490px;
    z-index: 100;
    position: absolute;
    top: 50vh
}

.npc-msl-modal.is-error .npc-msl-modal-actions,.npc-msl-modal.is-error .npc-msl-modal-content {
    display: none!important
}

.npc-msl-modal.is-error .npc-msl-modal-actions-error,.npc-msl-modal.is-error .npc-msl-modal-content-error {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important
}

.npc-msl-modal.is-error .npc-msl-modal-icon {
    color: var(--msl-text-critical)
}

.npc-msl-modal.is-success .npc-msl-modal-actions,.npc-msl-modal.is-success .npc-msl-modal-content {
    display: none!important
}

.npc-msl-modal.is-success .npc-msl-modal-actions-success,.npc-msl-modal.is-success .npc-msl-modal-content-success {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important
}

.npc-msl-modal .npc-msl-modal-actions-success,.npc-msl-modal .npc-msl-modal-content-success {
    display: none!important
}

.npc-msl-modal .npc-msl-modal-actions-error,.npc-msl-modal .npc-msl-modal-content-error {
    display: none!important
}

@media screen and (min-width: 530px) {
    .npc-msl-modal {
        left:50vw;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 490px
    }
}

@media screen and (max-width: 530px) {
    .npc-msl-modal {
        margin-left:20px;
        margin-right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.npc-msl-modal .npc-msl-modal-content,.npc-msl-modal .npc-msl-modal-content-error,.npc-msl-modal .npc-msl-modal-content-success {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-200);
    width: 100%
}

.npc-msl-modal .npc-msl-modal-icon {
    font-size: 32px;
    color: var(--msl-text-success)
}

.npc-msl-modal .npc-msl-modal-title {
    color: var(--msl-artwork-grey-900);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-align: center
}

.npc-msl-modal .npc-msl-modal-desc {
    color: var(--msl-text);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center
}

.npc-msl-modal .npc-msl-modal-actions,.npc-msl-modal .npc-msl-modal-actions-error,.npc-msl-modal .npc-msl-modal-actions-success {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-200)
}

.npc-msl-modal.is-interaction .npc-msl-button-icon {
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.npc-msl-modal.is-interaction .npc-msl-modal-desc {
    margin: var(--msl-spacing-00) var(--msl-spacing-200);
    width: 100%
}

.npc-msl-modal.is-interaction .npc-msl-modal-desc ul.npc-msl-modal-content-message {
    text-align: left;
    margin: var(--msl-spacing-00);
    margin-left: var(--msl-spacing-400);
    padding: unset
}

.npc-msl-modal.is-interaction .npc-msl-modal-desc ul.npc-msl-modal-content-message.sansPuce {
    margin-left: var(--msl-spacing-00)
}

.npc-msl-modal.is-interaction .npc-msl-modal-desc ul.npc-msl-modal-content-message.sansPuce li::marker {
    content: ' '
}

.npc-msl-modal.is-interaction .npc-msl-modal-actions {
    padding-bottom: var(--msl-spacing-200);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 530px) {
    .npc-msl-modal.is-interaction {
        -webkit-transform:unset;
        transform: unset;
        bottom: 0;
        margin: var(--msl-spacing-00);
        border-top-left-radius: var(--msl-borderRadius-500);
        border-top-right-radius: var(--msl-borderRadius-500);
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        width: 100%;
        top: unset
    }

    .npc-msl-modal.is-interaction ul.npc-msl-modal-content-message {
        text-align: left;
        margin: var(--msl-spacing-00)
    }

    .npc-msl-modal.is-interaction .npc-msl-modal-title {
        margin: var(--msl-spacing-00) var(--msl-spacing-200)
    }
}

.dialog-backdrop {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--msl-bg-overlay);
    z-index: 10000
}

.dialog-backdrop.active {
    display: block
}

.no-scroll {
    overflow-y: auto!important
}

.has-dialog {
    overflow: hidden
}

.npc-msl-feedback {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: #19212d;
    padding: var(--msl-spacing-200) var(--msl-spacing-300) 20px var(--msl-spacing-300);
    gap: var(--msl-spacing-200)
}

.npc-msl-feedback.synthese-margin {
    margin-top: 13px;
    margin-bottom: 5px
}

.npc-msl-feedback.small {
    padding: 20px var(--msl-spacing-300)
}

.npc-msl-feedback.small .npc-msl-feedback--content {
    margin-top: unset
}

.npc-msl-feedback.small .npc-msl-feedback--content .npc-msl-fc--title {
    margin-top: 2px
}

.npc-msl-feedback .icon {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-feedback.npc-msl-feedback-icon .icon:before {
    content: ""
}

.npc-msl-feedback button.npc-msl-link .icon {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-feedback button.npc-msl-link .icon:before {
    content: ""
}

.npc-msl-feedback .npc-msl-feedback--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: var(--msl-fontSize-16);
    letter-spacing: var(--msl-spacing-00);
    line-height: 1.5;
    text-align: left;
    margin-top: 2px;
    gap: var(--msl-spacing-100)
}

.npc-msl-feedback .npc-msl-feedback--content .npc-msl-fc--title {
    margin: unset;
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-feedback .npc-msl-feedback--content .npc-msl-fc--body {
    margin: unset;
    display: block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-feedback .npc-msl-feedback--content .npc-msl-fc--link {
    font-weight: var(--msl-fontWeight-400);
    text-decoration: underline;
    margin: 0 var(--msl-spacing-50);
    display: unset
}

.npc-msl-feedback.npc-msl-feedback--danger {
    background-color: var(--msl-functionnal-danger-30)
}

.npc-msl-feedback.npc-msl-feedback--danger .icon,.npc-msl-feedback.npc-msl-feedback--danger .npc-msl-fc--link {
    color: var(--msl-functionnal-danger-100)
}

.npc-msl-feedback.npc-msl-feedback--info {
    background-color: var(--msl-functionnal-information-30)
}

.npc-msl-feedback.npc-msl-feedback--info .icon,.npc-msl-feedback.npc-msl-feedback--info .npc-msl-fc--link {
    color: var(--msl-functionnal-information-100);
    background-color: var(--msl-functionnal-information-30)
}

.npc-msl-feedback.npc-msl-feedback--success {
    background-color: var(--msl-functionnal-success-30)
}

.npc-msl-feedback.npc-msl-feedback--success.npc-msl-feedback-icon .icon {
    background-color: var(--msl-functionnal-success-30)
}

.npc-msl-feedback.npc-msl-feedback--success.npc-msl-feedback-icon .icon:before {
    content: ""
}

.npc-msl-feedback.npc-msl-feedback--success .icon,.npc-msl-feedback.npc-msl-feedback--success .npc-msl-fc--link {
    color: var(--msl-functionnal-success-100)
}

.npc-msl-feedback.npc-msl-feedback--warning {
    background-color: var(--msl-functionnal-warning-30)
}

.npc-msl-feedback.npc-msl-feedback--warning .icon,.npc-msl-feedback.npc-msl-feedback--warning .npc-msl-fc--link {
    color: var(--msl-functionnal-warning-100);
    background-color: var(--msl-functionnal-warning-30)
}

.npc-msl-feedbackV2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: #19212d;
    padding: var(--msl-spacing-200) var(--msl-spacing-300);
    gap: var(--msl-spacing-200);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-msl-feedbackV2.synthese-margin {
    margin-top: 13px;
    margin-bottom: 5px
}

.npc-msl-feedbackV2 .npc-msl-feedbackV2--link {
    width: 100%;
    border-top: 1px solid;
    padding: var(--msl-spacing-200) 0 0 -webkit-calc(var(--msl-spacing-200) + 20px);
    padding: var(--msl-spacing-200) 0 0 calc(var(--msl-spacing-200) + 20px)
}

.npc-msl-feedbackV2 .npc-msl-feedbackV2--link .npc-msl-fc--link {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline
}

.npc-msl-feedbackV2 .npc-msl-feedbackV2--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-align: left;
    margin-top: 2px;
    gap: var(--msl-spacing-100)
}

.npc-msl-feedbackV2 .npc-msl-feedbackV2--content .npc-msl-fc--title {
    margin: unset;
    font-weight: var(--msl-fontWeight-700)
}

.npc-msl-feedbackV2 .npc-msl-feedbackV2--content .npc-msl-fc--body {
    margin: unset;
    display: block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--danger {
    background-color: var(--msl-functionnal-danger-30)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--danger .npc-msl-square-icon {
    background-color: var(--msl-functionnal-danger-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--danger .npc-msl-square-icon .icon {
    color: var(--msl-functionnal-danger-100)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--danger .npc-msl-feedbackV2--link {
    border-color: var(--msl-functionnal-danger-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--danger .npc-msl-feedbackV2--link .npc-msl-fc--link {
    color: var(--msl-functionnal-danger-100)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--info {
    background-color: var(--msl-functionnal-information-30)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--info .npc-msl-square-icon {
    background-color: var(--msl-functionnal-information-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--info .npc-msl-square-icon .icon {
    color: var(--msl-functionnal-information-100)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--info .npc-msl-feedbackV2--link {
    border-color: var(--msl-functionnal-information-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--info .npc-msl-feedbackV2--link .npc-msl-fc--link {
    color: var(--msl-functionnal-information-100)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--success {
    background-color: var(--msl-functionnal-success-30)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--success .npc-msl-square-icon {
    background-color: var(--msl-functionnal-success-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--success .npc-msl-square-icon .icon {
    color: var(--msl-functionnal-success-100)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--success .npc-msl-feedbackV2--link {
    border-color: var(--msl-functionnal-success-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--success .npc-msl-feedbackV2--link .npc-msl-fc--link {
    color: var(--msl-functionnal-success-100)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--warning {
    background-color: var(--msl-functionnal-warning-30)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--warning .npc-msl-square-icon {
    background-color: var(--msl-functionnal-warning-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--warning .npc-msl-square-icon .icon {
    color: var(--msl-functionnal-warning-100)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--warning .npc-msl-feedbackV2--link {
    border-color: var(--msl-functionnal-warning-50)
}

.npc-msl-feedbackV2.npc-msl-feedbackV2--warning .npc-msl-feedbackV2--link .npc-msl-fc--link {
    color: var(--msl-functionnal-warning-100)
}

.npc-msl-floating-button {
    position: fixed;
    bottom: var(--msl-spacing-300);
    right: var(--msl-spacing-400);
    padding: 12px
}

.npc-msl-chips {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: var(--msl-spacing-100);
    padding: var(--msl-spacing-50) var(--msl-spacing-50) var(--msl-spacing-50) var(--msl-spacing-200);
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-200);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.npc-msl-chips .npc-msl-chips--label {
    margin: unset;
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-msl-chips .npc-msl-rounded-icon .icon {
    background-color: var(--msl-artwork-grey-100)
}

.npc-msl-chips-V2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: var(--msl-spacing-100);
    padding: var(--msl-spacing-50) var(--msl-spacing-50) var(--msl-spacing-50) var(--msl-spacing-200);
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-200);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: var(--msl-boxShadow-s)
}

.npc-msl-chips-V2 .npc-msl-chips--label {
    margin: unset;
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

.npc-msl-chips-V2 .npc-msl-rounded-icon .icon {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0)
}

@supports (scrollbar-color:auto) {
    .npc-msl-scrollbar {
        scrollbar-color: var(--msl-scroll-thumb-bg,--msl-bg-primary,#007461) transparent;
        scrollbar-width: thin
    }
}

.npc-msl-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
    width: 5px;
    height: 5px
}

.npc-msl-scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
    border-radius: 2px;
    height: 5px
}

.npc-msl-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--msl-scroll-thumb-bg,--msl-bg-primary,#007461);
    border-radius: 2px;
    width: 5px;
    height: 5px
}

.npc-msl-navigation-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: var(--msl-artwork-grey-100);
    padding: var(--msl-spacing-150);
    gap: var(--msl-spacing-100);
    margin: auto;
    margin-top: var(--msl-spacing-300);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--msl-borderRadius-200)
}

.npc-msl-navigation-dots .npc-msl-navigation-dot {
    border: solid 1px var(--msl-artwork-grey-600);
    border-radius: var(--msl-borderRadius-50);
    width: 8px;
    height: 8px;
    padding: unset;
    margin: unset;
    background-color: transparent
}

.npc-msl-navigation-dots .npc-msl-navigation-dot.active {
    width: 24px;
    background-color: var(--msl-bg-brand-primary);
    border-color: var(--msl-bg-brand-primary)
}

.npc-msl-navigation-dots .npc-msl-navigation-dot:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

.npc-msl-navigation-dots-white {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: var(--msl-bg-surface);
    padding: var(--msl-spacing-150);
    gap: var(--msl-spacing-100);
    margin: auto;
    margin-top: var(--msl-spacing-300);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--msl-borderRadius-200)
}

.npc-msl-navigation-dots-white .npc-msl-navigation-dot {
    border: solid 1px var(--msl-artwork-grey-600);
    border-radius: var(--msl-borderRadius-50);
    width: 8px;
    height: 8px;
    padding: unset;
    margin: unset;
    background-color: transparent
}

.npc-msl-navigation-dots-white .npc-msl-navigation-dot.active {
    width: 24px;
    background-color: var(--msl-bg-brand-primary);
    border-color: var(--msl-bg-brand-primary)
}

.npc-msl-navigation-dots-white .npc-msl-navigation-dot:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

.npc-msl-navigation-dots-transparent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: var(--msl-artwork-grey-0-a20);
    padding: var(--msl-spacing-150);
    gap: var(--msl-spacing-100);
    margin: auto;
    margin-top: var(--msl-spacing-300);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--msl-borderRadius-200)
}

.npc-msl-navigation-dots-transparent .npc-msl-navigation-dot {
    border: solid 1px var(--msl-border-reverse);
    border-radius: var(--msl-borderRadius-50);
    width: 8px;
    height: 8px;
    padding: unset;
    margin: unset;
    background-color: transparent
}

.npc-msl-navigation-dots-transparent .npc-msl-navigation-dot.active {
    width: 24px;
    background-color: var(--msl-bg-elmt);
    border-color: var(--msl-border-reverse)
}

.npc-msl-navigation-dots-transparent .npc-msl-navigation-dot:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

mt-carousel {
    --_nb-of-card-displayed: 1;
    --_gap: var(--msl-spacing-200);
    --_shadow-offset: 20px;
    --mds-link-gap: 0px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-200);
    --_carousel-shadow-padding: var(--msl-spacing-150);
    --_carousel-padding-inline: var(--msl-spacing-500);
    --_margin-inline: -webkit-calc(-1 * var(--_carousel-padding-inline));
    --_margin-inline: calc(-1 * var(--_carousel-padding-inline));
    --_scroll-padding: var(--msl-spacing-500)
}

@media (min-width: 1170px) {
    mt-carousel {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    mt-carousel {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    mt-carousel {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    mt-carousel {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    mt-carousel {
        padding-left:20px;
        padding-right: 20px
    }
}

mt-carousel header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

mt-carousel carousel-title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

mt-carousel carousel-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200)
}

mt-carousel carousel-controls mds-icon-button {
    border-radius: var(--msl-borderRadius-300);
    background-color: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: unset;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    color: var(--msl-text-primary-hover);
    width: 2.3rem;
    height: 2.3rem;
    font-size: var(--msl-fontSize-24)
}

mt-carousel carousel-controls mds-icon-button[disabled=true] {
    cursor: not-allowed;
    background-color: var(--msl-bg-disabled)
}

mt-carousel carousel-controls mds-icon-button:hover {
    background-color: var(--msl-bg-hover)
}

mt-carousel carousel-controls mds-icon-button:first-of-type:after {
    content: ""
}

mt-carousel carousel-controls mds-icon-button:last-of-type:after {
    content: ""
}

mt-carousel ul[carousel-cards] {
    all: initial;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: var(--_gap);
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: var(--msl-spacing-200) var(--_carousel-padding-inline);
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-padding: var(--_scroll-padding);
    scroll-behavior: smooth;
    margin-inline:var(--_margin-inline);scrollbar-width: none
}

mt-carousel ul[carousel-cards]::-webkit-scrollbar {
    padding: 0;
    height: 0;
    width: 0
}

mt-carousel ul[carousel-cards]::-webkit-scrollbar-track {
    background: 0 0
}

mt-carousel ul[carousel-cards]::-webkit-scrollbar-thumb {
    background: 0 0;
    border: none
}

mt-carousel ul[carousel-cards]>li {
    display: flex-item;
    list-style: none;
    width: var(--carousel-item-width,-webkit-calc((100% / var(--_nb-of-card-displayed)) - (((var(--_nb-of-card-displayed) - 1)/ var(--_nb-of-card-displayed)) * var(--_gap))));
    width: var(--carousel-item-width,calc((100% / var(--_nb-of-card-displayed)) - (((var(--_nb-of-card-displayed) - 1)/ var(--_nb-of-card-displayed)) * var(--_gap))));
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    scroll-margin-bottom: var(--_scroll-margin-bottom,var(--msl-spacing-400))
}

mt-carousel ul[carousel-cards]>li:focus {
    outline: solid var(--msl-border-focusIndicator) 2px;
    outline-offset: 0px;
    border-radius: var(--msl-borderRadius-250)
}

mt-carousel ul[carousel-cards]>li.snapped {
    scroll-snap-align: start;
    scroll-snap-stop:always}

mt-carousel footer:not(:empty) {
    margin-inline:auto;display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: var(--msl-spacing-100);
    background-color: var(--msl-bg-elmt-minimal);
    padding: var(--msl-spacing-150);
    border-radius: var(--msl-borderRadius-200)
}

mt-carousel footer:empty {
    display: none
}

mt-carousel mt-carousel-dots {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--msl-spacing-100);
    height: var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-full);
    border: 1px solid;
    border-color: var(--msl-border);
    -webkit-transition: width 350ms ease-out;
    transition: width 350ms ease-out;
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
    -webkit-transition-property: width border-color border-radius background-color;
    transition-property: width border-color border-radius background-color
}

mt-carousel mt-carousel-dots.active {
    width: var(--msl-spacing-300);
    background-color: var(--msl-bg-primary);
    border-radius: var(--msl-borderRadius-50);
    border-color: var(--msl-border-primary)
}

mt-carousel mt-carousel-dots:not(.visible) {
    display: none
}

mt-carousel ul[carousel-cards]>li>* {
    animation-timeline: view(inline);
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    background: var(--msl-bg-elmt);
    animation-range: cover 0% cover 100%
}

@-webkit-keyframes rise-in {
    5%,95% {
        -webkit-filter: var(--msl-shadow-s);
        filter: var(--msl-shadow-s)
    }

    from,to {
        -webkit-filter: drop-shadow(0 4px 8px var(--msl-shadowColor-s));
        filter: drop-shadow(0 4px 8px var(--msl-shadowColor-s))
    }
}

@keyframes rise-in {
    5%,95% {
        -webkit-filter: var(--msl-shadow-s);
        filter: var(--msl-shadow-s)
    }

    from,to {
        -webkit-filter: drop-shadow(0 4px 8px var(--msl-shadowColor-s));
        filter: drop-shadow(0 4px 8px var(--msl-shadowColor-s))
    }
}

@supports not (animation-timeline:view()) {
    mt-carousel ul[carousel-cards]>li>* {
        -webkit-filter: drop-shadow(0 4px 6px var(--msl-shadowColor-s));
        filter: drop-shadow(0 4px 6px var(--msl-shadowColor-s));
        -webkit-transition: -webkit-filter .3s ease-out;
        transition: -webkit-filter .3s ease-out;
        transition: filter .3s ease-out;
        transition: filter .3s ease-out,-webkit-filter .3s ease-out
    }

    mt-carousel ul[carousel-cards]>li[is-visible]>* {
        -webkit-filter: var(--msl-shadow-s);
        filter: var(--msl-shadow-s)
    }
}

@media (min-width: 48rem) {
    mt-carousel mt-carousel {
        --_nb-of-card-displayed:2;
        --_carousel-padding-inline: var(--_carousel-shadow-padding);
        --_scroll-padding: var(--msl-spacing-150);
        --_margin-inline: -webkit-calc( -1 * ( var(--_carousel-shadow-padding) + var(--mt-carousel-negative-margin, 0px) ) );
        --_margin-inline: calc( -1 * ( var(--_carousel-shadow-padding) + var(--mt-carousel-negative-margin, 0px) ) )
    }
}

@media (min-width: 64rem) {
    mt-carousel mt-carousel {
        --_nb-of-card-displayed:var(--mt-max-cards-displayed, 3)
    }
}

mt-carousel [carousel-cards] {
    --mt-carousel-negative-margin: 1rem
}

@media (min-width: 48rem) {
    mt-carousel [carousel-cards] {
        --mt-carousel-negative-margin:initial
    }
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/opensans/OpenSans-Light.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-Light.woff") format("woff"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-Light.otf") format("opentype")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/opensans/OpenSans-Regular.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-Regular.woff") format("woff"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-Regular.otf") format("opentype")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/opensans/OpenSans-SemiBold.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-SemiBold.woff") format("woff"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-SemiBold.otf") format("opentype")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/opensans/OpenSans-Bold.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-Bold.woff") format("woff"),url("./clientlib-resources/resources/fonts/opensans/OpenSans-Bold.otf") format("opentype")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/montserrat/Montserrat-Regular.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/montserrat/Montserrat-Regular.woff") format("woff"),url("./clientlib-resources/resources/fonts/montserrat/Montserrat-Regular.otf") format("opentype")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/montserrat/Montserrat-SemiBold.woff") format("woff"),url("./clientlib-resources/resources/fonts/montserrat/Montserrat-SemiBold.otf") format("opentype")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/montserrat/Montserrat-Bold.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/montserrat/Montserrat-Bold.woff") format("woff"),url("./clientlib-resources/resources/fonts/montserrat/Montserrat-Bold.otf") format("opentype")
}

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Thin.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Thin.woff") format("woff"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Thin.otf") format("opentype")
}

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Light.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Light.woff") format("woff"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Light.otf") format("opentype")
}

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Regular.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Regular.woff") format("woff"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Regular.otf") format("opentype")
}

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Bold.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Bold.woff") format("woff"),url("./clientlib-resources/resources/fonts/robotoslab/RobotoSlab-Bold.otf") format("opentype")
}

@media screen and (max-width: 989px) {
    body,html {
        height:100%
    }
}

body:before {
    content: '';
    display: table
}

#inbenta {
    height: 0!important
}

.sass-var-brand-primary {
    color: var(--msl-brand-primary)
}

@-webkit-keyframes loaderDots {
    0%,100% {
        background-color: var(--msl-brand-primary);
        box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-primary)
    }

    25% {
        background-color: var(--msl-brand-secondary-400);
        box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-primary)
    }

    50% {
        background-color: var(--msl-brand-primary);
        box-shadow: 1.3em 0 0 var(--msl-brand-secondary-400),2.6em 0 0 var(--msl-brand-primary)
    }

    75% {
        background-color: var(--msl-brand-primary);
        box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-secondary-400)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.npc-form-error-custom {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600);
    background-color: var(--msl-functionnal-danger-50);
    color: var(--msl-functionnal-danger-100);
    padding: 10px 20px;
    border-radius: var(--msl-borderRadius-200);
    text-align: left
}

.npc-calculator-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    color: var(--msl-artwork-grey-1000);
    background: var(--msl-brand-primary)
}

.npc-calculator-result .npc-calculator-result-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    background: var(--msl-brand-primary)
}

.npc-calculator-result .npc-calculator-result-main .npc-calculator-result-main-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--msl-spacing-400) var(--msl-spacing-500);
    background: var(--msl-artwork-grey-0)
}

@media screen and (max-width: 649px) {
    .npc-calculator-result .npc-calculator-result-main .npc-calculator-result-main-inner {
        width:100%
    }
}

@media screen and (min-width: 650px) {
    .npc-calculator-result .npc-calculator-result-main .npc-calculator-result-main-inner {
        border-radius:var(--msl-borderRadius-200)
    }
}

.npc-calculator-result .npc-calculator-result-main .npc-calculator-result-main-inner .npc-calculator-result-picto {
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 20px;
    border-radius: 50%;
    background: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-calculator-result .npc-calculator-result-main .npc-calculator-result-main-inner .npc-calculator-result-title {
    padding-top: var(--msl-spacing-200);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-calculator-result .npc-calculator-result-main .npc-calculator-graph-values {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: var(--msl-spacing-100)
}

.npc-calculator-result .npc-calculator-result-main .npc-calculator-graph-values .npc-calculator-graph-title {
    display: inline-block;
    margin-right: 5px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-carousel-themeInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    margin-top: 23px
}

.npc-carousel-themeInner .owl-stage-outer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .npc-carousel-themeInner .owl-stage-outer {
        position: relative
    }
}

.npc-carousel-themeInner .owl-stage {
    padding-left: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .npc-carousel-themeInner .owl-stage {
        position: absolute;
        height: 100%
    }
}

.npc-carousel-themeInner .owl-item {
    display: inline-block
}

.npc-carousel-themeInner .owl-next,.npc-carousel-themeInner .owl-prev {
    position: absolute;
    bottom: 55%;
    display: block!important
}

.npc-carousel-themeInner .owl-prev {
    left: -60px;
    margin-left: var(--msl-spacing-50)
}

.npc-carousel-themeInner .owl-next {
    right: -60px;
    margin-right: var(--msl-spacing-50)
}

.npc-carousel-themeInner .owl-nav button.owl-next,.npc-carousel-themeInner .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    display: block!important;
    background-color: var(--msl-artwork-grey-50);
    border-radius: 50%;
    border: 0 solid #000
}

.npc-carousel-themeInner .owl-nav button.owl-next:focus::after,.npc-carousel-themeInner .owl-nav button.owl-prev:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-carousel-themeInner .owl-nav button:hover>.icon {
    color: var(--msl-brand-primary)
}

.npc-carousel-themeInner .owl-nav .icon {
    color: var(--msl-brand-secondary-500);
    margin-top: -2px
}

.npc-carousel-themeInner .owl-prev .npc-arrow-up {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.npc-carousel-themeInner .owl-next .npc-arrow-up {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -2px
}

.npc-carousel-themeInner .owl-dots {
    top: initial;
    bottom: 3%;
    left: 0;
    width: 100%;
    margin-top: 15px;
    text-align: center
}

.npc-carousel-themeInner .owl-dot {
    display: inline-block;
    margin: 2px;
    margin-right: var(--msl-spacing-100);
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
    background: 0 0;
    border: none
}

.npc-carousel-themeInner .owl-dot:before {
    content: "";
    display: block;
    background: var(--msl-artwork-grey-50);
    border-radius: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 8px;
    border: 1px solid var(--msl-artwork-grey-600);
    width: 8px
}

.npc-carousel-themeInner .owl-dot.active:before {
    background-color: var(--msl-bg-brand-primary);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 8px;
    border: 1px solid var(--msl-bg-brand-primary);
    width: 8px
}

.npc-button-custom .icon,.npc-link-custom .icon {
    text-decoration: unset
}

.npc-button-custom.iconeBgOff .icon,.npc-button-custom.iconeBgOff i,.npc-link-custom.iconeBgOff .icon,.npc-link-custom.iconeBgOff i {
    background-color: unset;
    border: unset;
    color: inherit
}

.npc-button-custom.onlyIconeBgOff .icon,.npc-button-custom.onlyIconeBgOff i,.npc-link-custom.onlyIconeBgOff .icon,.npc-link-custom.onlyIconeBgOff i {
    background-color: unset;
    border: unset
}

.npc-button-custom.inverted.iconeBgOff .icon,.npc-button-custom.inverted.iconeBgOff i,.npc-link-custom.inverted.iconeBgOff .icon,.npc-link-custom.inverted.iconeBgOff i {
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.square-button,.npc-link-custom.square-button {
    border-radius: unset
}

.npc-button-custom.square-button:focus::after,.npc-link-custom.square-button:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 0;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-button-custom.npc-medium,.npc-link-custom.npc-medium {
    gap: 16px
}

.npc-button-custom.npc-medium .icon,.npc-button-custom.npc-medium i,.npc-link-custom.npc-medium .icon,.npc-link-custom.npc-medium i {
    width: 24px;
    height: 24px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-button-custom.npc-large2,.npc-link-custom.npc-large2 {
    gap: 16px
}

.npc-button-custom.npc-large2 .icon,.npc-button-custom.npc-large2 i,.npc-link-custom.npc-large2 .icon,.npc-link-custom.npc-large2 i {
    width: 32px;
    height: 32px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-button-custom.npc-large3 .icon,.npc-button-custom.npc-large3 i,.npc-link-custom.npc-large3 .icon,.npc-link-custom.npc-large3 i {
    width: 32px;
    height: 32px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-button-custom.npc-rounded-icon-grey-200 .icon,.npc-button-custom.npc-rounded-icon-grey-200 i,.npc-link-custom.npc-rounded-icon-grey-200 .icon,.npc-link-custom.npc-rounded-icon-grey-200 i {
    background-color: var(--msl-artwork-grey-100)
}

.npc-button-custom.npc-rounded-icon-grey-200 .icon:focus,.npc-button-custom.npc-rounded-icon-grey-200 .icon:hover,.npc-button-custom.npc-rounded-icon-grey-200 i:focus,.npc-button-custom.npc-rounded-icon-grey-200 i:hover,.npc-link-custom.npc-rounded-icon-grey-200 .icon:focus,.npc-link-custom.npc-rounded-icon-grey-200 .icon:hover,.npc-link-custom.npc-rounded-icon-grey-200 i:focus,.npc-link-custom.npc-rounded-icon-grey-200 i:hover {
    background-color: var(--msl-artwork-grey-300)
}

.npc-button-custom.npc-rounded-icon-grey-000 .icon,.npc-button-custom.npc-rounded-icon-grey-000 i,.npc-link-custom.npc-rounded-icon-grey-000 .icon,.npc-link-custom.npc-rounded-icon-grey-000 i {
    background-color: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s)
}

.npc-button-custom.npc-rounded-icon-grey-000 .icon:focus,.npc-button-custom.npc-rounded-icon-grey-000 .icon:hover,.npc-button-custom.npc-rounded-icon-grey-000 i:focus,.npc-button-custom.npc-rounded-icon-grey-000 i:hover,.npc-link-custom.npc-rounded-icon-grey-000 .icon:focus,.npc-link-custom.npc-rounded-icon-grey-000 .icon:hover,.npc-link-custom.npc-rounded-icon-grey-000 i:focus,.npc-link-custom.npc-rounded-icon-grey-000 i:hover {
    background-color: var(--msl-artwork-grey-300)
}

.npc-button-custom.npc-square-icon,.npc-link-custom.npc-square-icon {
    gap: inherit;
    max-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 12px;
    padding-right: 12px
}

.npc-button-custom.npc-square-icon:hover:not(:focus)::after,.npc-link-custom.npc-square-icon:hover:not(:focus)::after {
    content: "";
    height: 2px;
    background: var(--msl-brand-secondary-600);
    left: var(--msl-borderRadius-150);
    right: var(--msl-borderRadius-150);
    bottom: -5px;
    position: absolute
}

.npc-button-custom.npc-square-icon:focus::after,.npc-link-custom.npc-square-icon:focus::after {
    border-radius: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-button-custom.npc-round-icon,.npc-link-custom.npc-round-icon {
    gap: inherit;
    max-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 5px
}

.npc-button-custom.npc-round-icon:hover:not(:focus)::after,.npc-link-custom.npc-round-icon:hover:not(:focus)::after {
    content: "";
    height: 2px;
    background: var(--msl-brand-secondary-600);
    left: var(--msl-borderRadius-full);
    right: var(--msl-borderRadius-full);
    bottom: -5px;
    position: absolute
}

.npc-button-custom.npc-round-icon:focus::after,.npc-link-custom.npc-round-icon:focus::after {
    border-radius: var(--msl-borderRadius-full);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-button-custom.npc-icon-hidden,.npc-link-custom.npc-icon-hidden {
    display: none
}

@media (min-width: 990px) {
    .npc-button-custom.npc-icon-hidden,.npc-link-custom.npc-icon-hidden {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.npc-button-custom.npc-square-icon-label,.npc-link-custom.npc-square-icon-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-button-custom.npc-square-icon-label span,.npc-link-custom.npc-square-icon-label span {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: var(--msl-brand-secondary-500);
    text-decoration: none;
    font-weight: var(--msl-fontWeight-600)
}

.npc-button-custom.npc-square-icon-label .icon,.npc-button-custom.npc-square-icon-label i,.npc-link-custom.npc-square-icon-label .icon,.npc-link-custom.npc-square-icon-label i {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 15px;
    height: 15px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-functionnal-success-100);
    margin-left: var(--msl-spacing-50)
}

.npc-button-custom.npc-square-icon-notif:after,.npc-link-custom.npc-square-icon-notif:after {
    content: '';
    position: absolute;
    top: 3px;
    right: 25px;
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    background: var(--msl-bg-notification);
    border-radius: 50%
}

.npc-tag-custom.npc-tag-success-mini {
    padding: var(--msl-spacing-50) 10px;
    font-size: 10px;
    line-height: 12px
}

.npc-tag-custom.npc-tag-success-mini i {
    color: var(--msl-functionnal-success-100);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.npc-card-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-200) var(--msl-spacing-300);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: stretch;
    align-self: stretch;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--msl-borderRadius-150);
    border: 1px solid var(--msl-artwork-grey-100);
    background: var(--msl-artwork-grey-50);
    gap: var(--msl-spacing-200)
}

.npc-card-custom .npc-card-icon i {
    width: 48px;
    height: 48px;
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-card-custom .npc-card-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: var(--msl-spacing-50)
}

.npc-num-tel-arcep {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: var(--msl-artwork-grey-0);
    min-height: 25px;
    box-shadow: inset 0 0 15px -5px var(--msl-artwork-grey-1000);
    padding: 2px 10px 2px 5px
}

.npc-num-tel-arcep .npc-num-tel-arcep--number {
    vertical-align: middle;
    white-space: nowrap;
    font-size: 17px;
    font-weight: var(--msl-fontWeight-700);
    margin-right: 2px;
    text-decoration: none
}

.npc-num-tel-arcep .npc-num-tel-arcep--legalMentions {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600)
}

.npc-num-tel-arcep .npc-num-tel-arcep--legalMentions::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    width: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-left-color: var(--msl-artwork-grey-0)
}

.npc-num-tel-arcep.npc-num-tel-arcep--green {
    color: #78b41e;
    border: 1px solid #78b41e;
    box-shadow: none
}

.npc-num-tel-arcep.npc-num-tel-arcep--green .npc-num-tel-arcep--legalMentions {
    padding: 3px 10px 3px 15px;
    margin: -5px -3px -5px 0;
    background: #78b41e
}

.npc-num-tel-arcep.npc-num-tel-arcep--green.npc-num-tel-arcep--small .npc-num-tel-arcep--legalMentions {
    padding: 6px 10px 6px 15px;
    margin: -9px -3px -8px 0
}

.npc-num-tel-arcep.npc-num-tel-arcep--greenDegraded {
    color: #78b41e
}

.npc-num-tel-arcep.npc-num-tel-arcep--greenDegraded .npc-num-tel-arcep--legalMentions {
    padding: 3px 10px 3px 15px;
    margin: -5px -3px -6px 0;
    background-color: #d9ef8e;
    background: -webkit-linear-gradient(top,#d9ef8e 0,#7fc600 5%,#009e0d 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#d9ef8e),color-stop(5%,#7fc600),to(#009e0d));
    background: linear-gradient(to bottom,#d9ef8e 0,#7fc600 5%,#009e0d 100%)
}

.npc-num-tel-arcep.npc-num-tel-arcep--greenDegraded.npc-num-tel-arcep--small .npc-num-tel-arcep--legalMentions {
    padding: 5px 10px 5px 15px;
    margin: -9px -3px -8px 0
}

.npc-num-tel-arcep.npc-num-tel-arcep--gray {
    color: #91919b;
    border: 1px solid #91919b;
    box-shadow: none
}

.npc-num-tel-arcep.npc-num-tel-arcep--gray .npc-num-tel-arcep--legalMentions {
    padding: 3px 10px 3px 15px;
    margin: -5px -3px -5px 0;
    background: #91919b
}

.npc-num-tel-arcep.npc-num-tel-arcep--gray.npc-num-tel-arcep--small .npc-num-tel-arcep--legalMentions {
    padding: 6px 10px 6px 15px;
    margin: -9px -3px -8px 0
}

.npc-num-tel-arcep.npc-num-tel-arcep--grayDegraded {
    color: #91919b
}

.npc-num-tel-arcep.npc-num-tel-arcep--grayDegraded .npc-num-tel-arcep--legalMentions {
    padding: 3px 10px 3px 15px;
    margin: -5px -3px -6px 0;
    background-color: #c9c8d8;
    background: -webkit-linear-gradient(top,#c9c8d8 0,#8f909d 5%,#53555d 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#c9c8d8),color-stop(5%,#8f909d),to(#53555d));
    background: linear-gradient(to bottom,#c9c8d8 0,#8f909d 5%,#53555d 100%)
}

.npc-num-tel-arcep.npc-num-tel-arcep--grayDegraded.npc-num-tel-arcep--small .npc-num-tel-arcep--legalMentions {
    padding: 5px 10px 5px 15px;
    margin: -9px -3px -8px 0
}

.npc-num-tel-arcep.npc-num-tel-arcep--purple {
    color: #9c1981;
    border: 1px solid #9c1981;
    box-shadow: none
}

.npc-num-tel-arcep.npc-num-tel-arcep--purple .npc-num-tel-arcep--legalMentions {
    padding: 3px 10px 3px 15px;
    margin: -5px -3px -5px 0;
    background: #9c1981
}

.npc-num-tel-arcep.npc-num-tel-arcep--purple.npc-num-tel-arcep--small .npc-num-tel-arcep--legalMentions {
    padding: 6px 10px 6px 15px;
    margin: -9px -3px -8px 0
}

.npc-num-tel-arcep.npc-num-tel-arcep--purpleDegraded {
    color: #9c1981
}

.npc-num-tel-arcep.npc-num-tel-arcep--purpleDegraded .npc-num-tel-arcep--legalMentions {
    padding: 3px 10px 3px 15px;
    margin: -5px -3px -6px 0;
    background-color: #d17fcd;
    background: -webkit-linear-gradient(top,#d17fcd 0,#ac1198 5%,#770063 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#d17fcd),color-stop(5%,#ac1198),to(#770063));
    background: linear-gradient(to bottom,#d17fcd 0,#ac1198 5%,#770063 100%)
}

.npc-num-tel-arcep.npc-num-tel-arcep--purpleDegraded.npc-num-tel-arcep--small .npc-num-tel-arcep--legalMentions {
    padding: 5px 10px 5px 15px;
    margin: -9px -3px -8px 0
}

.npc-num-tel-arcep,.npc-num-tel-arcep:active,.npc-num-tel-arcep:focus,.npc-num-tel-arcep:hover {
    text-decoration: none
}

.npc-num-tel-arcep.npc-num-tel-arcep--small {
    min-height: 19px
}

.npc-num-tel-arcep.npc-num-tel-arcep--small .npc-num-tel-arcep--number {
    font-size: var(--msl-fontSize-14)
}

@media screen and (min-width: 649px) {
    .npc-num-tel-arcep.npc-num-tel-arcep--small br {
        display:none
    }
}

.npc-num-tel-arcep.npc-num-tel-arcep--big {
    min-height: 43px;
    display: inline-block;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    text-align: center
}

.npc-num-tel-arcep.npc-num-tel-arcep--big .npc-num-tel-arcep--number {
    display: block;
    text-align: center;
    padding: 2px 8px;
    margin-right: 0
}

.npc-num-tel-arcep.npc-num-tel-arcep--big .npc-num-tel-arcep--legalMentions {
    padding: 4px 0!important;
    margin: 0!important;
    width: 100%
}

.npc-num-tel-arcep.npc-num-tel-arcep--big .npc-num-tel-arcep--legalMentions::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 27%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    width: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-top-color: var(--msl-artwork-grey-0)
}

.npc-num-tel-arcep.npc-num-tel-arcep--big .npc-num-tel-arcep--legalMentions .npc-nta-legalMentions-text {
    padding: 0 20px;
    text-align: left;
    text-decoration: none
}

@media screen and (min-width: 990px) {
    .npc-num-tel-arcep {
        white-space:nowrap
    }
}

@media screen and (max-width: 649px) {
    .npc-num-tel-arcep {
        min-height:43px;
        display: inline-block;
        position: relative;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        text-align: center
    }

    .npc-num-tel-arcep .npc-num-tel-arcep--number {
        display: block;
        text-align: center;
        padding: 2px 8px;
        margin-right: 0
    }

    .npc-num-tel-arcep .npc-num-tel-arcep--legalMentions {
        padding: 4px 0!important;
        margin: 0!important;
        width: 100%
    }

    .npc-num-tel-arcep .npc-num-tel-arcep--legalMentions::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 27%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0;
        width: 0;
        pointer-events: none;
        border: 8px solid transparent;
        border-top-color: var(--msl-artwork-grey-0)
    }

    .npc-num-tel-arcep .npc-num-tel-arcep--legalMentions .npc-nta-legalMentions-text {
        padding: 0 20px;
        text-align: left;
        text-decoration: none
    }
}

.npc-zdg-listePictos {
    position: relative;
    width: 100%;
    min-height: 300px;
    background: var(--msl-brand-primary) no-repeat 50% 50%;
    background-size: cover
}

.npc-iconoliste {
    margin: var(--msl-spacing-400) var(--msl-spacing-300)
}

@media (min-width: 990px) {
    .npc-iconoliste {
        margin:var(--msl-spacing-400) 48px
    }
}

.npc-iconoliste.white .npc-iconoliste--title {
    color: var(--msl-artwork-grey-0)
}

.npc-iconoliste.white .npc-iconoliste--liste .npc-iconoliste--liste-element span {
    color: var(--msl-artwork-grey-0)
}

.npc-iconoliste.white .npc-iconoliste--liste .npc-iconoliste--liste-element .npc-iconoliste-le--icone {
    background-color: var(--msl-artwork-grey-0)!important;
    color: var(--msl-brand-secondary-500)!important
}

.npc-iconoliste .npc-iconoliste--title {
    margin-bottom: var(--msl-spacing-200)
}

.npc-iconoliste .npc-iconoliste--liste {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-300);
    list-style-type: none;
    padding-left: 0
}

.npc-iconoliste .npc-iconoliste--liste .npc-iconoliste--liste-element {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-200)
}

.npc-iconoliste .npc-iconoliste--liste .npc-iconoliste--liste-element span {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-iconoliste .npc-iconoliste--liste .npc-iconoliste--liste-element .npc-iconoliste-le--icone {
    color: var(--msl-artwork-grey-0)
}

.npc-iconoliste .npc-iconoliste--liste .npc-iconoliste--liste-element:nth-child(1n) .npc-iconoliste-le--icone {
    background-color: var(--msl-brand-secondary-400)
}

.npc-iconoliste .npc-iconoliste--liste .npc-iconoliste--liste-element:nth-child(2n) .npc-iconoliste-le--icone {
    background-color: var(--msl-brand-secondary-600)
}

.npc-iconoliste .npc-iconoliste--liste .npc-iconoliste--liste-element:nth-child(3n) .npc-iconoliste-le--icone {
    background-color: var(--msl-brand-secondary-500)
}

.npc-iconoliste .npc-iconoliste--liste .npc-iconoliste--liste-element:nth-child(4n) .npc-iconoliste-le--icone {
    background-color: var(--msl-brand-secondary-300)
}

@media (max-width: 989px) {
    .npc-pushCom {
        display:none
    }
}

.npc-pushCom .npc-pushCom--img img {
    border-radius: var(--msl-borderRadius-100);
    max-width: 320px;
    max-height: 210px
}

.npc-pushCom .npc-pushCom--desc,.npc-pushCom .npc-pushCom--title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.npc-pushCom .npc-pushCom--title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-900);
    margin: 0 0 var(--msl-spacing-300) 0;
    -webkit-line-clamp: 3
}

.npc-pushCom .npc-pushCom--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-1000);
    margin: var(--msl-spacing-200) 0;
    -webkit-line-clamp: 4
}

.npc-push-mag {
    background-color: var(--msl-bg-surface-on-minimal)
}

.npc-push-mag .npc--vignette {
    background-color: var(--msl-bg-surface-minimal)!important;
    width: 262px;
    min-width: unset
}

.npc-push-mag .npc--vignette.withBorder {
    border-radius: var(--msl-spacing-150);
    min-width: unset
}

@media (max-width: 649px) {
    .npc-push-mag .npc--vignette .npc-vignette--img {
        display:none
    }
}

.npc-push-mag .npc--vignette .npc-vignette-content--details {
    gap: var(--msl-spacing-100)!important
}

.npc-push-mag .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--title a {
    text-decoration: underline;
    height: 63px;
    position: unset;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: var(--msl-fontWeight-600)
}

.npc-push-mag .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--title a:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-200);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-push-mag .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--desc {
    color: var(--msl-text-moderate)!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-appliv02 {
    background: var(--msl-bg-brand-accent);
    border-radius: var(--msl-borderRadius-250);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    overflow: hidden
}

@media (min-width: 1170px) {
    .npc-appliv02 {
        margin:var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-appliv02 {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-appliv02 {
        margin:var(--msl-spacing-200) 20px
    }
}

@media (max-width: 989px) {
    .npc-appliv02 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.npc-appliv02 .npc-appliv02--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-400);
    width: 50%;
    padding: 56px var(--msl-spacing-300) 56px 80px
}

@media (max-width: 989px) {
    .npc-appliv02 .npc-appliv02--content {
        padding:var(--msl-spacing-300) var(--msl-spacing-300) var(--msl-spacing-300) var(--msl-spacing-300);
        width: 100%
    }
}

.npc-appliv02 .npc-appliv02--content h2,.npc-appliv02 .npc-appliv02--content p {
    margin-top: unset;
    margin-bottom: unset
}

.npc-appliv02 .npc-appliv02--content .npc-msl-link {
    color: var(--msl-artwork-grey-0)
}

.npc-appliv02 .npc-appliv02--content .npc-msl-link:focus,.npc-appliv02 .npc-appliv02--content .npc-msl-link:hover {
    color: var(--msl-artwork-grey-100)
}

.npc-appliv02 .npc-appliv02--content .npc-msl-link:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-100);
    border: 2px solid var(--msl-border-focusIndicator-reverse);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--desc,.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--title {
    color: var(--msl-artwork-grey-0)
}

.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--contentLogo {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--contentLogo a {
    position: relative
}

.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--contentLogo a:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-200);
    border: 2px solid var(--msl-artwork-grey-0);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-appliv02 .npc-appliv02--content .npc-appliv02-content--logo {
    width: 163px;
    height: 48px
}

@media (max-width: 649px) {
    .npc-appliv02 .npc-appliv02--content .npc-appliv02-content--logo {
        width:140px;
        height: 37px
    }
}

@media (min-width: 649px) and (max-width:989px) {
    .npc-appliv02 .npc-appliv02--content .npc-appliv02-content--logo {
        width:155px;
        height: 41px
    }
}

.npc-appliv02 .npc-appliv02--backgroungimg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: var(--msl-spacing-00) 80px var(--msl-spacing-00) var(--msl-spacing-100)
}

@media (max-width: 989px) {
    .npc-appliv02 .npc-appliv02--backgroungimg {
        width:100%;
        padding: var(--msl-spacing-200) var(--msl-spacing-300) 0 var(--msl-spacing-300)
    }
}

.npc-appliv02 .npc-appliv02--backgroungimg>div {
    width: 292px;
    height: 292px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (max-width: 649px) {
    .npc-appliv02 .npc-appliv02--backgroungimg>div {
        width:243px;
        height: 243px
    }
}

.npc-devenirSocietaire {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    overflow: visible;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 1920px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 649px) {
    .npc-devenirSocietaire {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-400)
    }
}

.npc-devenirSocietaire .npc-devenirSocietaire-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-400);
    max-width: 550px;
    width: 50%;
    margin-right: var(--msl-spacing-300)
}

@media (max-width: 649px) {
    .npc-devenirSocietaire .npc-devenirSocietaire-content {
        width:100%;
        max-width: unset;
        margin-right: unset
    }
}

.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: unset;
    color: var(--msl-artwork-grey-900);
    margin: 0
}

.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--list .npc-devenirSocietaire-list--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--list .npc-devenirSocietaire-list--desc+.npc-devenirSocietaire-list--desc {
    margin-top: var(--msl-spacing-300)
}

.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-300)
}

@media (max-width: 649px) {
    .npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--footer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--footer a.GenericBtn-btn,.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--footer a.GenericBtn-btnSecondary {
    text-transform: unset;
    padding: var(--msl-spacing-150) var(--msl-spacing-300);
    position: relative;
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--footer a.GenericBtn-btn:focus::after,.npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--footer a.GenericBtn-btnSecondary:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px
}

@media (min-width: 650px) {
    .npc-devenirSocietaire .npc-devenirSocietaire-content .npc-devenirSocietaire-content--footer>div {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.npc-devenirSocietaire .npc-devenirSocietaire--img {
    width: 453px;
    height: 380px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 989px) {
    .npc-devenirSocietaire .npc-devenirSocietaire--img {
        width:100%;
        height: unset;
        max-height: 335px
    }
}

@media (min-width: 650px) {
    .npc-devenirSocietaire-reverse {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .npc-devenirSocietaire-reverse .npc-devenirSocietaire-content {
        margin-right: var(--msl-spacing-00);
        margin-left: var(--msl-spacing-300)
    }
}

.npc-hero .npc--vignette {
    padding: var(--msl-spacing-400);
    border-radius: var(--msl-borderRadius-250) var(--msl-borderRadius-250) var(--msl-borderRadius-00) var(--msl-borderRadius-00);
    background-color: var(--msl-bg-brand-moderate);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: var(--msl-text);
    gap: var(--msl-spacing-400);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 989px) {
    .npc-hero .npc--vignette {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.npc-hero .npc--vignette .npc-vignette--img {
    width: 100%;
    height: 200px
}

@media (min-width: 1170px) {
    .npc-hero .npc--vignette .npc-vignette--img {
        width:500px
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .npc-hero .npc--vignette .npc-vignette--img {
        width:400px
    }
}

@media (max-width: 989px) {
    .npc-hero .npc--vignette .npc-vignette--img {
        display:none
    }
}

.npc-hero .npc--vignette .npc-vignette--content {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
    gap: var(--msl-spacing-100)
}

@media (max-width: 989px) {
    .npc-hero .npc--vignette .npc-vignette--content {
        position:static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        gap: var(--msl-spacing-200);
        left: var(--msl-spacing-00);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.npc-hero .npc--vignette .npc-vignette--content .npc-vignette-content--details {
    gap: var(--msl-spacing-300);
    width: 100%
}

.npc-hero .npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-hero .npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-hero .npc--vignette .npc-vignette--content .npc-vignette-content--details hr.separator {
    margin: unset;
    border-top: 1px solid var(--msl-divider)
}

.npc-hero .npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content--section {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (max-width: 989px) {
    .npc-hero .npc--vignette .npc-vignette--content .npc-vignette-content-details--actions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.npc-hero .npc--vignette .npc-vignette--content h1,.npc-hero .npc--vignette .npc-vignette--content p {
    margin: unset
}

.npc-hero .npc--vignette.npc-hero-without--subtitle {
    padding: var(--msl-spacing-300)
}

.npc-hero .npc--vignette.npc-hero-without--subtitle .npc-vignette--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-hero .npc--vignette.npc-hero-without--subtitle .npc-vignette--content .npc-vignette-content-details--title {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-hero .npc--vignette.npc-hero-without--subtitle .npc-vignette--content .npc-vignette-content--details {
    gap: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .npc-hero .npc--vignette.npc-hero-without--subtitle {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 20px
    }
}

.npc-hero .npc--vignette.npc-hero-without--subtitle .npc-vignette--img {
    height: 220px
}

@media (max-width: 989px) {
    .npc-hero .npc--vignette.npc-hero-without--subtitle .npc-vignette--img {
        display:block;
        margin-bottom: var(--msl-spacing-00)
    }
}

.npc-hero .npc--vignette.npc-hero-without--subtitle .npc-msl-button {
    margin-top: var(--msl-spacing-100)
}

.npc-hero .npc--vignette.npc-hero--withoutFooter,.npc-hero .npc--vignette.npc-hero-without--subtitle {
    border-radius: var(--msl-borderRadius-250)
}

.npc-hero .npc-hero--footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-400);
    border-radius: var(--msl-borderRadius-00) var(--msl-borderRadius-00) var(--msl-borderRadius-250) var(--msl-borderRadius-250);
    background-color: var(--msl-bg-brand-minimal);
    gap: var(--msl-spacing-400);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-width: 320px
}

@media (max-width: 989px) {
    .npc-hero .npc-hero--footer {
        -webkit-flex-direction:column;
        flex-direction: column;
        -webkit-box-orient: vertical
    }
}

.npc-hero .npc-hero--footer .npc-hero-footer--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: var(--msl-spacing-00);
    padding: var(--msl-spacing-00)
}

@media (max-width: 989px) {
    .npc-hero .npc-hero--footer .npc-hero-footer--content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: unset
    }
}

.npc-hero .npc-hero--footer .npc-hero-footer--content .npc-hero-footer--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-150);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-calc(100% / 4);
    width: calc(100% / 4);
    padding: var(--msl-spacing-00) var(--msl-spacing-300);
    border-right: 1px solid var(--msl-border-minimal)
}

.npc-hero .npc-hero--footer .npc-hero-footer--content .npc-hero-footer--item:last-child {
    border: none;
    padding-right: var(--msl-spacing-00)
}

.npc-hero .npc-hero--footer .npc-hero-footer--content .npc-hero-footer--item:first-child {
    padding-left: var(--msl-spacing-00)
}

@media (max-width: 989px) {
    .npc-hero .npc-hero--footer .npc-hero-footer--content .npc-hero-footer--item {
        max-width:none;
        width: 100%;
        border-bottom: 1px solid var(--msl-border-minimal);
        padding: var(--msl-spacing-200) var(--msl-spacing-00);
        border-right: none
    }

    .npc-hero .npc-hero--footer .npc-hero-footer--content .npc-hero-footer--item:last-child {
        padding: var(--msl-spacing-200) var(--msl-spacing-00) 20px;
        border: none
    }

    .npc-hero .npc-hero--footer .npc-hero-footer--content .npc-hero-footer--item:first-child {
        padding: 20px var(--msl-spacing-00) var(--msl-spacing-200)
    }
}

.npc-hero .npc-hero--footer .npc-hero-footer--content .npc-hero-footer--item .npc-hero-footer--text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-text);
    max-width: -webkit-calc(100% - 32px - 12px);
    max-width: calc(100% - 32px - 12px)
}

.npc-hero .npc-hero-brand-minimal {
    background-color: var(--msl-bg-brand-minimal)
}

.npc-hero .npc-hero-minimal {
    background-color: var(--msl-artwork-grey-50);
    width: 100%
}

@media (min-width: 1170px) {
    .npc-hero .npc-hero-minimal {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-hero .npc-hero-minimal {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-hero .npc-hero-minimal {
        margin:var(--msl-spacing-200) 20px
    }
}

.npc-hero .npc-hero-minimal .npc-vignette-desc--marketing {
    margin: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-hero .npc-hero-minimal .npc-vignette-desc--marketing .npc-tag-price {
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: -webkit-calc(100vw - 92px);
    max-width: calc(100vw - 92px)
}

@media (min-width: 1169px) {
    .npc-hero .npc-hero-minimal .npc-vignette-desc--marketing .npc-tag-price {
        max-width:500px
    }
}

@media (min-width: 989px) and (max-width:1169px) {
    .npc-hero .npc-hero-minimal .npc-vignette-desc--marketing .npc-tag-price {
        max-width:-webkit-calc(100vw - 528px - 156px);
        max-width: calc(100vw - 528px - 156px)
    }
}

@media (min-width: 649px) and (max-width:989px) {
    .npc-hero .npc-hero-minimal .npc-vignette-desc--marketing .npc-tag-price {
        max-width:-webkit-calc(100vw - 116px);
        max-width: calc(100vw - 116px)
    }
}

.npc-hero .npc-hero-minimal .npc-vignette-desc--marketing .npc-msl-color-text-moderate {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-hero .npc-hero-minimal .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--action {
    margin-top: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-hero .npc-hero-minimal .npc-vignette--content {
    padding: var(--msl-spacing-150) var(--msl-spacing-00) var(--msl-spacing-150) var(--msl-spacing-150)
}

.npc-hero .npc-hero-minimal .npc-vignette-content-details--desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-hero .npc-hero-minimal h1,.npc-hero .npc-hero-minimal p {
    margin: unset
}

@media (min-width: 989px) {
    .npc-hero .npc-hero-minimal.npc--vignette .npc-vignette--img {
        width:528px;
        height: 100%;
        min-height: 240px
    }
}

@media (max-width: 989px) {
    .npc-hero .npc-hero-minimal .npc-vignette--img,.npc-hero .npc-hero-minimal .npc-vignette--img.icon {
        display:none!important
    }

    .npc-hero .npc-hero-minimal .npc-vignette--content {
        width: 100%
    }
}

.npc-hero .npc-hero-minimal.npc--vignette {
    min-width: unset
}

.npc-hero .npc-hero-simulateur .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--action {
    margin-top: var(--msl-spacing-00)
}

.npc-hero .npc-hero-simulateur.npc--vignette.npc-hero-without--subtitle .npc-msl-button {
    margin-top: var(--msl-spacing-00)
}

.npc-hero .npc-hero-simulateur.npc--vignette.npc-hero-without--subtitle .npc-vignette--content {
    gap: var(--msl-spacing-200)
}

.npc-hero .npc-hero-simulateur.npc--vignette.npc-hero-without--subtitle .npc-vignette--content .npc-vignette-content--details {
    gap: unset
}

.npc-hero .npc-hero-simulateur.npc--vignette.npc-hero-without--subtitle .npc-vignette--content .npc-vignette-content--details.has-bouton {
    gap: var(--msl-spacing-300)
}

@media (min-width: 650px) {
    .npc-hero .npc-hero-simulateur .npc-vignette-content-details--title {
        overflow:hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .npc-hero .npc-hero-simulateur .npc-vignette-content-details--desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }
}

@media (max-width: 989px) {
    .npc-hero .npc-hero-simulateur .npc-vignette-content-details--desc {
        -webkit-line-clamp:unset;
        -webkit-box-orient: unset;
        text-overflow: unset
    }
}

@media (max-width: 649px) {
    .npc-hero .npc-hero-simulateur.npc-hero-minimal .npc-vignette--content {
        padding:var(--msl-spacing-00)
    }

    .npc-hero .npc-hero-simulateur .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--action {
        display: none
    }
}

.npc-hero-sticky {
    width: 100%;
    background-color: var(--msl-artwork-grey-0);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: var(--msl-spacing-150);
    z-index: 1;
    box-shadow: var(--msl-boxShadow-m)
}

@media (min-width: 1170px) {
    .npc-hero-sticky>div {
        width:1120px;
        margin: auto
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-hero-sticky {
        padding:20px var(--msl-spacing-400)
    }

    .npc-hero-sticky>div {
        width: 100%
    }
}

@media (max-width: 649px) {
    .npc-hero-sticky {
        padding:var(--msl-spacing-200) 20px
    }

    .npc-hero-sticky>div {
        width: 100%
    }

    .npc-hero-sticky>div .npc-msl-justify-center {
        max-width: 100%
    }

    .npc-hero-sticky>div .npc-msl-justify-center>* {
        width: 100%
    }
}

.npc-hero-sticky.hiddenVisibility {
    visibility: hidden
}

.npc-template-page .npc-hero .npc-hero-minimal {
    margin: 0
}

.npc-loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100)
}

.npc-loader .npc-loader-spinner {
    height: 24px;
    width: 24px;
    -webkit-animation: 2s linear infinite rotate;
    animation: 2s linear infinite rotate;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.npc-loader .npc-loader-spinner .npc-loader-spinner-path {
    stroke-dasharray: 1,16;
    stroke-dashoffset: 0;
    -webkit-animation: 1.5s ease-in-out infinite dash;
    animation: 1.5s ease-in-out infinite dash;
    stroke-linecap: round;
    stroke: var(--msl-artwork-grey-600);
    stroke-width: 4px
}

.npc-loader .npc-loader-label {
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.npc-monAgenceV2 {
    width: 100%;
    height: auto;
    padding: 48px 0;
    background-color: var(--msl-brand-secondary-150)
}

@media (min-width: 1170px) {
    .npc-monAgenceV2 {
        margin:var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-monAgenceV2 {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-monAgenceV2 {
        margin:var(--msl-spacing-200) 20px
    }
}

.npc-monAgenceV2 .npc-monAgenceV2--panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: var(--msl-spacing-300)
}

@media (max-width: 649px) {
    .npc-monAgenceV2 .npc-monAgenceV2--panel {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: var(--msl-spacing-400)
    }
}

.npc-monAgenceV2 .npc-monAgenceV2--panel .npc-monAgenceV2--img img {
    width: 453px;
    height: 380px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 989px) {
    .npc-monAgenceV2 .npc-monAgenceV2--panel .npc-monAgenceV2--img img {
        width:100%;
        height: unset;
        max-height: 335px
    }
}

.npc-monAgenceV2 .npc-monAgenceV2--card {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-400);
    width: 50%
}

@media (max-width: 649px) {
    .npc-monAgenceV2 .npc-monAgenceV2--card {
        width:100%;
        margin-right: unset
    }
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: unset;
    color: var(--msl-artwork-grey-900);
    margin-top: var(--msl-spacing-00)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos {
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-250);
    padding: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-monAgenceV2--agence-name {
    color: var(--msl-brand-secondary-500);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: var(--msl-spacing-200)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 6px
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos>div .dot {
    margin-top: var(--msl-spacing-100)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-monAgenceV2--agence-infos-opened {
    color: var(--msl-functionnal-success-100)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-monAgenceV2--agence-infos-opened .dot {
    background-color: var(--msl-functionnal-success-100)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-monAgenceV2--agence-infos-closed {
    color: var(--msl-functionnal-danger-100)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-monAgenceV2--agence-infos-closed .dot {
    background-color: var(--msl-functionnal-danger-100)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-monAgenceV2--agence-info1 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-monAgenceV2--agence-info2 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.npc-monAgenceV2 .npc-monAgenceV2--card .npc-monAgenceV2--infos .npc-msl-button-primary {
    font-weight: var(--msl-fontWeight-400)
}

.animation-commerciale-v2 .npc-animation-commerciale-wrapper,.animation-commerciale-v3 .npc-animation-commerciale-wrapper {
    width: 100%;
    overflow: hidden
}

@media (min-width: 1170px) {
    .animation-commerciale-v2 .npc-animation-commerciale-wrapper,.animation-commerciale-v3 .npc-animation-commerciale-wrapper {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .animation-commerciale-v2 .npc-animation-commerciale-wrapper,.animation-commerciale-v3 .npc-animation-commerciale-wrapper {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .animation-commerciale-v2 .npc-animation-commerciale-wrapper,.animation-commerciale-v3 .npc-animation-commerciale-wrapper {
        margin:var(--msl-spacing-200) 20px
    }
}

.animation-commerciale-v2 .npc-hp--animCo,.animation-commerciale-v3 .npc-hp--animCo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-300)
}

@media (max-width: 649px) {
    .animation-commerciale-v2 .npc-hp--animCo,.animation-commerciale-v3 .npc-hp--animCo {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st {
    width: 100%
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2),.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2),.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st {
    width: 50%
}

@media (max-width: 649px) {
    .animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2),.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2),.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st {
        width:100%
    }
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2) .npc-vignette--img,.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st .npc-vignette--img,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2) .npc-vignette--img,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st .npc-vignette--img {
    max-width: 160px
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2) .npc-vignette--img img,.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st .npc-vignette--img img,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2) .npc-vignette--img img,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st:nth-last-child(n+2)~.npc-hp-vignette--st .npc-vignette--img img {
    width: 100%;
    height: 100%
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette--img,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette--img {
    width: 100%;
    height: 100%;
    max-width: 303px;
    min-width: unset;
    min-height: unset
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st .npc-hp-vignette--renvoi,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st .npc-hp-vignette--renvoi {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

@media (min-width: 1169px) {
    .animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette--content,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette--content {
        max-width:70%
    }
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title a,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title a {
    color: unset!important;
    text-decoration: unset!important;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t {
    width: 100%
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--img,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--img {
    min-width: unset;
    min-height: unset;
    width: 100%;
    height: 100%;
    max-width: 320px
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details {
    gap: 0
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title a,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title a {
    color: unset!important;
    text-decoration: unset!important;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .etiquette-commerciale,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .etiquette-commerciale {
    margin-bottom: var(--msl-spacing-200)
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-200)
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--accroche,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--accroche {
    margin-bottom: var(--msl-spacing-100)
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--exemple,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--exemple {
    margin-bottom: var(--msl-spacing-200);
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-400);
    font-family: var(--msl-fontFamily-body)
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--mention,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--mention {
    margin-bottom: var(--msl-spacing-100);
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-400);
    font-family: var(--msl-fontFamily-body)
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-hp-vignette--renvoi,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content .npc-hp-vignette--renvoi {
    margin-top: var(--msl-spacing-200);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

@media (min-width: 989px) {
    .animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette--content {
        max-width:-webkit-calc(100% - 320px);
        max-width: calc(100% - 320px)
    }
}

@media (max-width: 989px) {
    .animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st,.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t {
        height:unset
    }
}

@media (max-width: 649px) {
    .animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st,.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t {
        height:unset;
        width: 100%
    }
}

.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette-content-details--title,.animation-commerciale-v2 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette-content-details--title,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--st .npc-vignette-content-details--title,.animation-commerciale-v3 .npc-hp--animCo .npc-hp-vignette--t .npc-vignette-content-details--title {
    color: unset;
    text-decoration: unset
}

.animation-commerciale-v2 .npc-animation-commerciale-v3,.animation-commerciale-v3 .npc-animation-commerciale-v3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200);
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width: 649px) {
    .animation-commerciale-v2 .npc-animation-commerciale-v3,.animation-commerciale-v3 .npc-animation-commerciale-v3 {
        overflow-x:scroll
    }

    .animation-commerciale-v2 .npc-animation-commerciale-v3::-webkit-scrollbar,.animation-commerciale-v3 .npc-animation-commerciale-v3::-webkit-scrollbar {
        display: none
    }
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette {
    min-height: 240px;
    max-height: 256px;
    height: auto;
    width: 100%
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette.withBorder,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette.withBorder {
    border-radius: var(--msl-borderRadius-150)
}

@media (max-width: 649px) {
    .animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette.withBorder,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette.withBorder {
        width:260px;
        min-width: 260px
    }
}

@media (max-width: 1169px) {
    .animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette {
        min-height:unset;
        max-height: 256px;
        height: auto
    }
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette .npc-msl-rounded-icon,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette .npc-msl-rounded-icon {
    color: var(--msl-text-on-primary);
    background-color: var(--msl-bg-primary);
    box-shadow: var(--msl-boxShadow-s);
    position: absolute;
    right: 16px;
    bottom: 16px
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--img,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--img {
    width: 160px
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content {
    height: 100%;
    gap: var(--msl-spacing-200)
}

@media (min-width: 1169px) {
    .animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content {
        width:-webkit-calc(100% - 160px - 24px);
        width: calc(100% - 160px - 24px)
    }
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
    text-decoration: unset!important;
    color: var(--msl-text);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 1169px) {
    .animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
        font-size:var(--msl-fontSize-16);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-600)
    }
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.animation-commerciale-v2 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette:hover .npc-msl-rounded-icon,.animation-commerciale-v3 .npc-animation-commerciale-v3 .npc-animation-commerciale-v3--vignette.npc--vignette:hover .npc-msl-rounded-icon {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.animation-commerciale-v2 .npc-animation-commerciale-v3--title,.animation-commerciale-v3 .npc-animation-commerciale-v3--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: var(--msl-spacing-300);
    margin-top: 0
}

@media (max-width: 989px) and (min-width:649px) {
    .npc-animation-commerciale-zdgs {
        -webkit-box-orient:unset!important;
        -webkit-box-direction: unset!important;
        -webkit-flex-direction: unset!important;
        flex-direction: unset!important
    }
}

.npc-animation-commerciale-zdgs .npc-vignette-content-details--title a {
    color: var(--msl-artwork-grey-900);
    text-decoration: unset!important;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (min-width: 650px) {
    .npc-animation-commerciale-zdgs .npc-vignette--content {
        max-height:250px;
        width: 70%
    }
}

.npc-animation-commerciale-zdgs .npc-vignette-content-details--desc {
    color: var(--msl-artwork-grey-600);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.npc-animation-commerciale-zdgs .npc-vignette--img {
    max-height: 250px;
    min-height: 150px;
    margin-bottom: unset!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.npc-animation-commerciale-synthese.npc--vignette.withBorder {
    padding: 20px
}

@media (max-width: 989px) and (min-width:649px) {
    .npc-animation-commerciale-synthese {
        -webkit-box-orient:unset!important;
        -webkit-box-direction: unset!important;
        -webkit-flex-direction: unset!important;
        flex-direction: unset!important
    }
}

.npc-animation-commerciale-synthese .npc-vignette-content-details--title {
    color: var(--msl-artwork-grey-900);
    text-decoration: unset!important;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (min-width: 650px) {
    .npc-animation-commerciale-synthese .npc-vignette--content {
        max-height:250px;
        width: 100%
    }
}

.npc-animation-commerciale-synthese .npc-vignette-content--details {
    gap: var(--msl-spacing-100)!important
}

.npc-animation-commerciale-synthese .npc-vignette-content-details--desc {
    color: var(--msl-artwork-grey-600);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-animation-commerciale-synthese .npc-vignette--img {
    height: 140px;
    margin-bottom: unset!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.npc-animation-commerciale-synthese .npc--vignette.withBorder,.npc-animation-commerciale-synthese.npc--vignette.withBorder,.npc-animation-commerciale-v3--vignette .npc--vignette.withBorder,.npc-animation-commerciale-v3--vignette.npc--vignette.withBorder,.npc-animation-commerciale-zdgs .npc--vignette.withBorder,.npc-animation-commerciale-zdgs.npc--vignette.withBorder,.npc-hp--animCo .npc--vignette.withBorder,.npc-hp--animCo.npc--vignette.withBorder {
    background-color: var(--msl-bg-brand-minimal);
    box-shadow: none
}

@media (max-width: 1169px) {
    .npc-animation-commerciale-synthese .npc-vignette--img,.npc-animation-commerciale-synthese .npc-vignette--img.icon,.npc-animation-commerciale-v3--vignette .npc-vignette--img,.npc-animation-commerciale-v3--vignette .npc-vignette--img.icon,.npc-animation-commerciale-zdgs .npc-vignette--img,.npc-animation-commerciale-zdgs .npc-vignette--img.icon,.npc-hp--animCo .npc-vignette--img,.npc-hp--animCo .npc-vignette--img.icon {
        display:none!important
    }

    .npc-animation-commerciale-synthese .npc-vignette--content,.npc-animation-commerciale-v3--vignette .npc-vignette--content,.npc-animation-commerciale-zdgs .npc-vignette--content,.npc-hp--animCo .npc-vignette--content {
        width: 100%
    }
}

.npc-template-home-page,.npc-template-hp--content,.npc-template-hp-content--hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-template-home-page {
    gap: 48px
}

.npc-template-home-page h1,.npc-template-home-page h2,.npc-template-home-page h3,.npc-template-home-page p {
    margin-top: unset;
    margin-bottom: unset
}

.npc-template-hp--content,.npc-template-hp-content--hero {
    width: 100%
}

.npc-template-hp--content {
    gap: var(--msl-spacing-800)
}

.npc-hp--hero {
    padding: 48px var(--msl-spacing-00)
}

@media (max-width: 989px) {
    .npc-hp--hero {
        padding:20px var(--msl-spacing-00)
    }
}

.npc-template-hp--item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

@media (max-width: 1120px) {
    .npc-template-hp--item {
        padding:var(--msl-spacing-00) var(--msl-spacing-400)
    }
}

@media (max-width: 650px) {
    .npc-template-hp--item {
        padding:var(--msl-spacing-00) 20px
    }

    .npc-template-home-page {
        gap: var(--msl-spacing-400)
    }

    .npc-template-hp--content {
        gap: 48px
    }
}

.npc-template-hp--item>* {
    max-width: 1120px;
    margin: auto
}

.npc-container-vignette {
    margin: auto
}

.npc--vignette {
    min-width: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-300);
    text-decoration: unset;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    color: var(--msl-artwork-grey-900)
}

.npc--vignette:focus,.npc--vignette:hover {
    text-decoration: unset
}

@media (max-width: 989px) {
    .npc--vignette {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-300)
    }
}

.npc--vignette.withBorder {
    padding: var(--msl-spacing-200);
    border-radius: var(--msl-spacing-200);
    background-color: var(--msl-artwork-grey-0);
    min-width: 280px
}

.npc--vignette.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-200)!important
}

.npc--vignette.column .npc-vignette--img {
    margin-bottom: var(--msl-spacing-100);
    width: 100%
}

.npc--vignette .npc-vignette--img {
    border-radius: var(--msl-borderRadius-150);
    min-height: 140px;
    width: 30%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

@media (max-width: 989px) {
    .npc--vignette .npc-vignette--img {
        margin-bottom:var(--msl-spacing-200);
        width: 100%
    }
}

.npc--vignette .npc-vignette--img.icon {
    background-color: var(--msl-bg-brand-moderate);
    padding: 28px var(--msl-spacing-500);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc--vignette .npc-vignette--img.icon::before {
    font-size: 64px;
    color: var(--msl-text-primary)
}

.npc--vignette .npc-vignette--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: var(--msl-spacing-50)
}

.npc--vignette .npc-vignette--content .npc-vignette-content--details {
    color: var(--msl-artwork-grey-900);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-200)
}

.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--subtitle {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    margin-bottom: 0
}

.npc--vignette .npc-vignette--content .npc-vignette-content-details--actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc--vignette .npc-vignette--content .npc-vignette-content--data {
    margin: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc--vignette .npc-vignette--content hr.separator {
    border-top: 1px solid var(--msl-border-minimal);
    margin-top: var(--msl-spacing-300);
    margin-bottom: var(--msl-spacing-300);
    width: 100%
}

.npc--vignette .npc-vignette--content .npc-vignette-content--footer .npc-vignette-content-footer--renvoi {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.npc--vignette:not(.npc-animation-commerciale-v3--vignette):not(.npc-hp-vignette--st):not(.npc-hp-vignette--t):not(.npc-animation-commerciale-zdgs):focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-spacing-200);
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-pushOutils {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: var(--msl-bg-brand-secondary);
    gap: var(--msl-spacing-300)
}

@media (min-width: 1170px) {
    .npc-pushOutils {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-pushOutils {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .npc-pushOutils {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .npc-pushOutils {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-pushOutils {
        padding-left:20px;
        padding-right: 20px
    }
}

.npc-pushOutils button.npc-pushOutils--vignette {
    border: unset;
    text-align: left;
    outline: unset
}

@media (max-width: 989px) {
    .npc-pushOutils {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-400)
    }
}

.npc-pushOutils .npc-pushOutils--descriptif {
    width: 40%;
    color: var(--msl-text-on-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 989px) {
    .npc-pushOutils .npc-pushOutils--descriptif {
        width:100%
    }
}

.npc-pushOutils .npc-pushOutils--descriptif .npc-pushOutils--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: var(--msl-spacing-00)
}

.npc-pushOutils .npc-pushOutils--descriptif .npc-pushOutils--desc {
    margin: var(--msl-spacing-00);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    white-space: pre-line
}

.npc-pushOutils .npc-pushOutils--descriptif .npc-pushOutils--link {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline;
    color: var(--msl-text-on-primary);
    margin-top: var(--msl-spacing-200);
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.npc-pushOutils .npc-pushOutils--descriptif .npc-pushOutils--link:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-100);
    border: 2px solid var(--msl-artwork-grey-1000);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-pushOutils .npc-pushOutils--vignettePicto {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background-color: var(--msl-bg-brand-minimal);
    border-radius: var(--msl-borderRadius-150);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.npc-pushOutils .npc-pushOutils--vignettePicto img {
    width: 100%
}

.npc-pushOutils .npc-pushOutils--vignettePicto.icon {
    font-size: 24px;
    color: var(--msl-text-primary);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-pushOutils .npc-pushOutils--vignettes {
    width: 60%;
    gap: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1169px) {
    .npc-pushOutils .npc-pushOutils--vignettes {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width: 989px) {
    .npc-pushOutils .npc-pushOutils--vignettes {
        width:100%;
        position: static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        gap: var(--msl-spacing-200);
        left: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.npc-pushOutils .npc--pushOutils--vignette--wrapper {
    width: -webkit-calc((100% - 24px)/ 2);
    width: calc((100% - 24px)/ 2);
    min-width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-pushOutils .npc--pushOutils--vignette--wrapper .npc-pushOutils--vignette {
    width: 100%
}

@media (max-width: 989px) {
    .npc-pushOutils .npc--pushOutils--vignette--wrapper {
        width:100%;
        min-width: auto
    }
}

.npc-pushOutils .npc-pushOutils--vignette {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100);
    padding: var(--msl-spacing-150);
    border-radius: var(--msl-borderRadius-150);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    text-decoration: unset;
    background-color: var(--msl-artwork-grey-0);
    width: -webkit-calc((100% - 24px)/ 2);
    width: calc((100% - 24px)/ 2);
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-pushOutils .npc-pushOutils--vignette:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-200);
    border: 2px solid var(--msl-artwork-grey-1000);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-pushOutils .npc-pushOutils--vignette:focus:not(:focus-visible):after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-200);
    border: 2px solid var(--msl-border-focusIndicator-reverse);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -4px;
    bottom: -4px;
    right: -4px;
    left: -4px
}

.npc-pushOutils .npc-pushOutils--vignette:hover {
    background-color: var(--msl-bg-reverse-hover)
}

.npc-pushOutils .npc-pushOutils--vignette:hover .npc-pushOutils--vignetteTitle {
    color: var(--msl-text-reverse)
}

.npc-pushOutils .npc-pushOutils--vignette:active {
    background-color: var(--msl-bg-reverse-pressed)
}

.npc-pushOutils .npc-pushOutils--vignette:active .npc-pushOutils--vignetteTitle {
    color: var(--msl-text-reverse)
}

@media (max-width: 1169px) {
    .npc-pushOutils .npc-pushOutils--vignette {
        width:100%;
        min-width: auto
    }
}

.npc-pushOutils .npc-pushOutils--vignetteInfos {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-pushOutils .npc-pushOutils--vignetteInfos .npc-pushOutils--vignetteTitle {
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-transform: lowercase
}

.npc-pushOutils .npc-pushOutils--vignetteInfos .npc-pushOutils--vignetteTitle::first-letter {
    text-transform: uppercase
}

.npc-pushOutils.secondaire {
    background-color: var(--msl-artwork-grey-0)
}

.npc-pushOutils.secondaire .npc-pushOutils--descriptif.secondaire {
    color: var(--msl-bg-brand-accent)
}

.npc-pushOutils.secondaire .npc-pushOutils--descriptif.secondaire .npc-pushOutils--link {
    color: var(--msl-bg-brand-primary)
}

@media (max-width: 1169px) {
    .npc-pushOutils.secondaire .npc-pushOutils--descriptif.secondaire {
        width:40%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width: 989px) {
    .npc-pushOutils.secondaire .npc-pushOutils--descriptif.secondaire {
        width:100%
    }
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette {
    box-shadow: var(--msl-boxShadow-m)
}

@media (max-width: 1169px) {
    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire {
        width:60%
    }

    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette {
        width: 100%
    }
}

@media (max-width: 989px) {
    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire {
        width:100%
    }

    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette {
        width: 100%
    }
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette {
    box-shadow: var(--msl-boxShadow-s)
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette:focus-visible:after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-150);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette:focus:not(:focus-visible):after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-150);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette:hover {
    background-color: var(--msl-bg-hover)
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette:hover .npc-pushOutils--vignetteTitle {
    color: var(--msl-text)
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette:active {
    background-color: var(--msl-bg-pressed)
}

.npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette:active .npc-pushOutils--vignetteTitle {
    color: var(--msl-text)
}

@media (max-width: 1169px) {
    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire {
        width:60%
    }

    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette {
        width: 100%
    }
}

@media (max-width: 989px) {
    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire {
        width:100%
    }

    .npc-pushOutils.secondaire .npc-pushOutils--vignettes.secondaire .npc-pushOutils--vignette {
        width: 100%
    }
}

.npc-pushOutils.secondaire .npc-pushOutils--title {
    color: var(--msl-text)
}

.npc-pushOutils.secondaire .npc-pushOutils--desc {
    color: var(--msl-text)
}

.npc-pushOutils-full-width {
    background-color: var(--msl-bg-brand-secondary);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-template-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-800)
}

.npc-template-page.no-gap {
    gap: unset
}

@media (max-width: 1170px) {
    .npc-template-page {
        gap:var(--msl-spacing-500)
    }
}

@media (max-width: 649px) {
    .npc-template-page {
        gap:var(--msl-spacing-400)
    }
}

.npc-template-page .npc-template-page--item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.npc-template-page .npc-template-page--item:not(.npc-template-page--block)>* {
    max-width: 1120px;
    margin: auto
}

@media (max-width: 1170px) {
    .npc-template-page .npc-template-page--item {
        padding:var(--msl-spacing-00) var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-template-page .npc-template-page--item {
        margin-top:var(--msl-spacing-400);
        padding: var(--msl-spacing-00) 20px
    }
}

.npc-template-page .npc-template-page--item .animation-commerciale-v2,.npc-template-page .npc-template-page--item .animation-commerciale-v3 {
    margin: 0
}

.npc-template-page .npc-template-page--item .npc-bandeaux-promotionnel {
    margin-left: 0;
    margin-right: 0
}

.npc-template-page .npc-template-page--block {
    gap: var(--msl-spacing-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 1120px
}

.npc-template-page .npc-template-page--h2 {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset
}

.npc-template-page-no-gap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-template-page-no-gap .npc-template-page--item-full-width {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.npc-template-page-no-gap .npc-template-page--item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.npc-template-page-no-gap .npc-template-page--item:not(.npc-template-page--block)>*>* {
    max-width: 1120px;
    margin: auto
}

.npc-template-page-no-gap .npc-template-page--item.with-h-marg:not(.npc-template-page--block)>*>* {
    max-width: 1184px
}

.npc-template-page-no-gap .npc-template-page--item .npc-full-width {
    max-width: unset!important;
    padding-left: var(--msl-spacing-00)!important;
    padding-right: var(--msl-spacing-00)!important
}

.npc-template-page-no-gap .npc-template-page--item.add-marg {
    margin: unset
}

@media (min-width: 1170px) {
    .npc-template-page-no-gap .npc-template-page--item.add-marg {
        margin-top:var(--msl-spacing-400);
        margin-bottom: var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-template-page-no-gap .npc-template-page--item.add-marg {
        margin-top:20px;
        margin-bottom: 20px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .npc-template-page--item.add-marg {
        margin-top:var(--msl-spacing-200);
        margin-bottom: var(--msl-spacing-200)
    }
}

@media (max-width: 1170px) {
    .npc-template-page-no-gap .npc-template-page--item:not(.with-h-marg)>*>* {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .npc-template-page--item:not(.with-h-marg)>*>* {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (min-width: 1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-t {
        padding-top:var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-t {
        padding-top:20px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-t {
        padding-top:var(--msl-spacing-200)
    }
}

@media (min-width: 1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-b {
        padding-bottom:var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-b {
        padding-bottom:20px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-b {
        padding-bottom:var(--msl-spacing-200)
    }
}

@media (min-width: 1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-m-t {
        margin-top:var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-m-t {
        margin-top:20px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-m-t {
        margin-top:var(--msl-spacing-200)
    }
}

@media (min-width: 1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-m-b {
        margin-bottom:var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-m-b {
        margin-bottom:20px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .npc-template-page--item.resp-m-b {
        margin-bottom:var(--msl-spacing-200)
    }
}

.npc-template-page-no-gap .npc-template-page--item.npc-template-page-item--blockpromo .npc-hero-minimal {
    margin-bottom: 0
}

.npc-template-page-no-gap .npc-template-page--item.npc-template-page-item--blockpromo .npc-bandeaux-promotionnel {
    margin-top: var(--msl-spacing-200);
    margin-bottom: 0
}

.npc-template-page-no-gap .npc-template-page--block {
    gap: var(--msl-spacing-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 1120px
}

.npc-template-page-no-gap .npc-template-page--h2 {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset
}

@media (min-width: 1170px) {
    .npc-template-page-no-gap .player-video-v2-content {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-template-page-no-gap .player-video-v2-content {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .player-video-v2-content {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .npc-template-page-no-gap .player-video-v2-content {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .player-video-v2-content {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (min-width: 1170px) {
    .npc-template-page-no-gap .texte.section {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-template-page-no-gap .texte.section {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .texte.section {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .npc-template-page-no-gap .texte.section {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-template-page-no-gap .texte.section {
        padding-left:20px;
        padding-right: 20px
    }
}

.npc-template-page--container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-template .filAriane .Breadcrumb,.npc-template-page-no-gap .Breadcrumb {
    max-width: 1120px;
    width: 100%;
    margin: var(--msl-spacing-200) auto var(--msl-spacing-00)
}

@media (max-width: 1170px) {
    .npc-template .filAriane .Breadcrumb,.npc-template-page-no-gap .Breadcrumb {
        padding:var(--msl-spacing-00) var(--msl-spacing-200);
        margin-bottom: var(--msl-spacing-00)
    }
}

.npc-bandeaux-promotionnel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200);
    width: 100%
}

@media (min-width: 1170px) {
    .npc-bandeaux-promotionnel {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-bandeaux-promotionnel {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-bandeaux-promotionnel {
        margin:var(--msl-spacing-200) 20px
    }
}

@media (max-width: 649px) {
    .npc-bandeaux-promotionnel {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.npc-bandeaux-promotionnel .npc-bandeau-promotionnel {
    min-height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: line;
    flex-direction: line;
    gap: var(--msl-spacing-150);
    padding: var(--msl-spacing-150);
    border-radius: var(--msl-borderRadius-150);
    height: auto;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--msl-text-on-marketing);
    background-color: var(--msl-bg-brand-minimal)
}

.npc-bandeaux-promotionnel .npc-bandeau-promotionnel .npc-bandeau-promotionnel--img {
    background-color: var(--msl-bg-brand-moderate);
    color: var(--msl-text-primary);
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.npc-bandeaux-promotionnel .npc-bandeau-promotionnel .npc-bandeau-promotionnel--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    gap: var(--msl-spacing-00);
    color: var(--msl-text)
}

@media (min-width: 1170px) {
    .npc-bandeaux-promotionnel .npc-bandeau-promotionnel .npc-bandeau-promotionnel--desc {
        overflow:hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }
}

.npc-bandeaux-promotionnel .npc-bandeau-promotionnel .npc-bandeau-promotionnel--desc p {
    margin: 0
}

.npc-bandeaux-promotionnel .npc-bandeau-promotionnel .npc-bandeau-promotionnel--desc b {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

@media (min-width: 1170px) {
    .npc-caisse-locale {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-caisse-locale {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-caisse-locale {
        margin:var(--msl-spacing-200) 20px
    }
}

.npc-caisse-locale-title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: var(--msl-spacing-300)
}

.npc-caisse-locale-actors {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .npc-caisse-locale-actors {
        -webkit-flex-direction:column;
        flex-direction: column;
        -webkit-box-orient: vertical
    }
}

.npc-caisse-locale-actors-header {
    background: var(--msl-bg-elmt-minimal);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    padding: var(--msl-spacing-300);
    border-radius: var(--msl-spacing-150);
    gap: var(--msl-spacing-100)
}

@media (min-width: 990px) {
    .npc-caisse-locale-actors-header {
        width:262px
    }
}

.npc-caisse-locale-actors-header-img {
    padding: var(--msl-spacing-100);
    gap: var(--msl-spacing-100);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--msl-spacing-200)
}

.npc-caisse-locale-actors-header-job {
    color: var(--msl-text-moderate);
    text-transform: uppercase;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600)
}

.npc-caisse-locale-actors-header-name {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.npc-caisse-locale-actors-header p {
    margin: 0
}

.npc-caisse-locale-actors-content {
    background: var(--msl-bg-elmt-minimal);
    padding: var(--msl-spacing-300);
    border-radius: var(--msl-spacing-150)
}

@media (min-width: 990px) {
    .npc-caisse-locale-actors-content {
        width:-webkit-calc(100% - 262px - var(--msl-spacing-200));
        width: calc(100% - 262px - var(--msl-spacing-200))
    }
}

.npc-caisse-locale-actors-content p {
    margin-bottom: var(--msl-spacing-300)
}

.npc-caisse-locale-actors-content-title {
    color: var(--msl-text-moderate);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase;
    text-align: center
}

.npc-caisse-locale-actors-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.npc-caisse-locale-actors-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    margin-bottom: var(--msl-spacing-150)
}

.npc-caisse-locale-actors-list-item p {
    margin-bottom: var(--msl-spacing-50)
}

.npc-caisse-locale-actors-list-item-name {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 var(--msl-spacing-150)
}

@media (max-width: 989px) {
    .npc-caisse-locale-actors-list-item-name:last-child {
        margin-bottom:0!important
    }
}

.npc-caisse-locale-actors-list-item-job {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 var(--msl-spacing-150) var(--msl-spacing-150);
    text-transform: uppercase
}

.npc-caisse-locale-actors-content--simple .npc-caisse-locale-actors-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.npc-caisse-locale-actors-content--simple .npc-caisse-locale-actors-list-item-name {
    margin: 0 var(--msl-spacing-150) var(--msl-spacing-150)
}

.npc-h-navLink .npc-h-action-bar,.npc-h-navLink .npc-hc-action-bar,.npc-hc-navLink .npc-h-action-bar,.npc-hc-navLink .npc-hc-action-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-h-navLink .npc-h-action-bar .npc-button-custom,.npc-h-navLink .npc-hc-action-bar .npc-button-custom,.npc-hc-navLink .npc-h-action-bar .npc-button-custom,.npc-hc-navLink .npc-hc-action-bar .npc-button-custom {
    border-color: var(--msl-brand-primary)
}

.npc-h-navLink.npc-h-navLink-sticky,.npc-hc-navLink.npc-h-navLink-sticky {
    height: 60px
}

.npc-h-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation,.npc-hc-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation {
    gap: 0 var(--msl-spacing-300);
    padding: 0 var(--msl-spacing-300)
}

.npc-h-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation:after,.npc-hc-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation:after {
    content: unset!important
}

.npc-h-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation [name=btnContact],.npc-hc-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation [name=btnContact] {
    padding: unset
}

.npc-h-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation [name=btnMeConnecter],.npc-hc-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation [name=btnMeConnecter] {
    padding: unset;
    width: 48px;
    margin: unset
}

.npc-h-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation [name=btnMeConnecter] span,.npc-hc-navLink.npc-h-navLink-sticky .npc-h-navLink--IconNavigation [name=btnMeConnecter] span {
    display: none!important
}

.npc-h-navLink.npc-h-navLink-sticky .npc-h-navLink--search,.npc-hc-navLink.npc-h-navLink-sticky .npc-h-navLink--search {
    padding: 0 0 0 var(--msl-spacing-200)
}

.npc-h-navLink.npc-h-navLink-sticky .Header-lowerNav,.npc-hc-navLink.npc-h-navLink-sticky .Header-lowerNav {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-h-navLink.npc-h-navLink-sticky .mega-menu,.npc-hc-navLink.npc-h-navLink-sticky .mega-menu {
    width: -webkit-calc(100% - 168px);
    width: calc(100% - 168px)
}

.npc-h-navLink .npc-h-navLink--search,.npc-h-navLink .npc-hc-navLink--search,.npc-hc-navLink .npc-h-navLink--search,.npc-hc-navLink .npc-hc-navLink--search {
    display: none
}

@media (min-width: 990px) {
    .npc-h-navLink .npc-h-navLink--search,.npc-h-navLink .npc-hc-navLink--search,.npc-hc-navLink .npc-h-navLink--search,.npc-hc-navLink .npc-hc-navLink--search {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        padding: 0 var(--msl-spacing-300);
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .npc-h-navLink .npc-h-navLink--search i,.npc-h-navLink .npc-hc-navLink--search i,.npc-hc-navLink .npc-h-navLink--search i,.npc-hc-navLink .npc-hc-navLink--search i {
        font-size: 20px
    }
}

@media (max-width: 1340px) {
    .npc-h-navLink .npc-hc-navLink--search,.npc-hc-navLink .npc-hc-navLink--search {
        padding-left:var(--msl-spacing-100);
        padding-top: 0;
        padding-right: var(--msl-spacing-150);
        padding-bottom: 0
    }
}

.npc-h-navLink .npc-hc-navLink--logout,.npc-hc-navLink .npc-hc-navLink--logout {
    display: none
}

.npc-h-navLink .npc-hc-navLink--logout button,.npc-hc-navLink .npc-hc-navLink--logout button {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-h-navLink .npc-hc-navLink--logout button:focus-visible,.npc-hc-navLink .npc-hc-navLink--logout button:focus-visible {
    outline-offset: -4px
}

.npc-h-navLink .npc-hc-navLink--logout button:focus-visible:after,.npc-hc-navLink .npc-hc-navLink--logout button:focus-visible:after {
    display: none
}

@media (min-width: 990px) {
    .npc-h-navLink .npc-hc-navLink--logout,.npc-hc-navLink .npc-hc-navLink--logout {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 60px;
        font-size: var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        background-color: var(--msl-brand-secondary-500)
    }

    .npc-h-navLink .npc-hc-navLink--logout:focus,.npc-h-navLink .npc-hc-navLink--logout:hover,.npc-hc-navLink .npc-hc-navLink--logout:focus,.npc-hc-navLink .npc-hc-navLink--logout:hover {
        background-color: var(--msl-brand-primary)
    }
}

.npc-h-navLink .npc-h-navLink--IconNavigation,.npc-h-navLink .npc-hc-navLink--IconNavigation,.npc-hc-navLink .npc-h-navLink--IconNavigation,.npc-hc-navLink .npc-hc-navLink--IconNavigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding-right: var(--msl-spacing-200);
    padding-left: var(--msl-spacing-150);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 989px) {
    .npc-h-navLink .npc-h-navLink--IconNavigation,.npc-h-navLink .npc-hc-navLink--IconNavigation,.npc-hc-navLink .npc-h-navLink--IconNavigation,.npc-hc-navLink .npc-hc-navLink--IconNavigation {
        padding-right:10px
    }
}

.npc-h-navLink .npc-h-navLink--IconNavigation .npc-action-button,.npc-h-navLink .npc-hc-navLink--IconNavigation .npc-action-button,.npc-hc-navLink .npc-h-navLink--IconNavigation .npc-action-button,.npc-hc-navLink .npc-hc-navLink--IconNavigation .npc-action-button {
    height: 48px;
    margin-left: var(--msl-spacing-50)
}

@media (min-width: 1170px) {
    .npc-h-navLink .npc-h-navLink--IconNavigation .npc-action-button.hidden-icon-desktop .icon,.npc-h-navLink .npc-hc-navLink--IconNavigation .npc-action-button.hidden-icon-desktop .icon,.npc-hc-navLink .npc-h-navLink--IconNavigation .npc-action-button.hidden-icon-desktop .icon,.npc-hc-navLink .npc-hc-navLink--IconNavigation .npc-action-button.hidden-icon-desktop .icon {
        display:none!important
    }
}

.npc-h-navLink .npc-h-navLink--IconNavigation.no-separator::after,.npc-h-navLink .npc-hc-navLink--IconNavigation.no-separator::after,.npc-hc-navLink .npc-h-navLink--IconNavigation.no-separator::after,.npc-hc-navLink .npc-hc-navLink--IconNavigation.no-separator::after {
    border-left: unset!important
}

.npc-h-navLink .npc-h-navLink--IconNavigation.no-padding-right,.npc-h-navLink .npc-hc-navLink--IconNavigation.no-padding-right,.npc-hc-navLink .npc-h-navLink--IconNavigation.no-padding-right,.npc-hc-navLink .npc-hc-navLink--IconNavigation.no-padding-right {
    padding-right: unset
}

.npc-h-navLink .npc-h-navLink--IconNavigation .button-full-height,.npc-h-navLink .npc-hc-navLink--IconNavigation .button-full-height,.npc-hc-navLink .npc-h-navLink--IconNavigation .button-full-height,.npc-hc-navLink .npc-hc-navLink--IconNavigation .button-full-height {
    padding: unset;
    height: 60px;
    width: 60px
}

@media (min-width: 990px) {
    .npc-h-navLink .npc-h-navLink--IconNavigation::after,.npc-h-navLink .npc-hc-navLink--IconNavigation::after,.npc-hc-navLink .npc-h-navLink--IconNavigation::after,.npc-hc-navLink .npc-hc-navLink--IconNavigation::after {
        content:"";
        height: 26px;
        position: absolute;
        left: 0;
        border-left: 1px solid var(--msl-artwork-grey-300)
    }
}

@media (max-width: 1330px) {
    .npc-h-navLink .npc-hc-navLink--IconNavigation,.npc-hc-navLink .npc-hc-navLink--IconNavigation {
        padding-right:0;
        padding-left: 0
    }
}

@media (max-width: 1220px) {
    .npc-h-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-button-custom.npc-square-icon,.npc-h-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-link-custom.npc-square-icon,.npc-hc-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-button-custom.npc-square-icon,.npc-hc-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-link-custom.npc-square-icon {
        padding-right:var(--msl-spacing-100);
        padding-left: var(--msl-spacing-100)
    }
}

.npc-h-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-icon-hidden,.npc-hc-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-icon-hidden {
    display: none
}

@media (min-width: 1180px) {
    .npc-h-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-icon-hidden,.npc-hc-navLink .npc-hc-navLink--IconNavigation.npc-hc-mmc-navlink .npc-icon-hidden {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 650px) {
    .npc-hc-tooltip .npc-hc-tooltip-div {
        top:61px
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-tooltip--arrow {
        margin-bottom: 2px
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-t-c--custom {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        border-radius: var(--msl-borderRadius-50)
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-t-c--custom .npc-hc-tooltip-content {
        margin: 10px
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-t-c--custom .npc-hc-tooltip-content .npc-hc-tooltip-label1 {
        color: var(--msl-artwork-grey-900);
        font-weight: var(--msl-fontWeight-600);
        font-size: 10px;
        margin-bottom: 2px
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-t-c--custom .npc-hc-tooltip-content .npc-hc-tooltip-label2 {
        color: var(--msl-artwork-grey-900);
        font-weight: var(--msl-fontWeight-400);
        font-size: 10px;
        margin-bottom: 2px;
        margin-top: 2px
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-t-c--custom .npc-hc-tooltip-content .npc-hc-tooltip-label3 {
        color: var(--msl-artwork-grey-600);
        font-weight: var(--msl-fontWeight-400);
        font-size: 10px;
        margin-top: 2px
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-t-c--custom .npc-hc-tooltip-notif {
        margin: 10px
    }

    .npc-hc-tooltip .npc-hc-tooltip-div .npc-msl-t-c--custom .npc-hc-tooltip-notif::after {
        position: absolute;
        content: "";
        height: 1px;
        background: var(--msl-artwork-grey-100);
        left: 0;
        right: 0;
        top: -10px
    }
}

.npc-hc-tooltip-desc {
    display: none
}

@media (min-width: 650px) {
    .npc-hc-tooltip-desc {
        display:block;
        height: 0;
        width: 0;
        visibility: hidden
    }
}

.npc-col-cnt {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-col-cnt .npc-col-cnt--col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-col-cnt .npc-col-cnt--col .npc-col-cnt-c--content {
    margin-top: var(--msl-spacing-300);
    margin-bottom: var(--msl-spacing-300)
}

@media (max-width: 650px) {
    .npc-col-cnt {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .npc-col-cnt .npc-col-cnt--col {
        width: 100%!important
    }

    .npc-col-cnt .npc-col-cnt--col .npc-col-cnt-c--content {
        margin: var(--msl-spacing-300) var(--msl-spacing-300)!important
    }
}

.mega-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media (max-width: 989px) {
    .mega-menu {
        width:100%;
        position: fixed;
        top: 0;
        min-height: 100vh;
        background-color: var(--msl-artwork-grey-0)
    }
}

.npc-mmenubar {
    height: 60px;
    background-color: var(--msl-artwork-grey-50);
    border: none;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    z-index: 1
}

@media (max-width: 989px) {
    .npc-mmenubar {
        width:100%;
        display: block;
        background-color: var(--msl-artwork-grey-0);
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        overflow-y: auto
    }
}

.npc-mmenubar .npc-mmenubar-header {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-header {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        background-color: var(--msl-artwork-grey-0);
        height: 72px;
        padding: 0 20px;
        position: fixed;
        top: 0;
        width: -webkit-calc(100% - 17px);
        width: calc(100% - 17px);
        z-index: 101
    }
}

.npc-mmenubar .npc-mmenubar-header button {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-header button {
        display:block;
        margin-top: var(--msl-spacing-200)
    }

    .npc-mmenubar .npc-mmenubar-header button.button-prev {
        display: none
    }
}

.npc-mmenubar .npc-mmenubar-title {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-title {
        display:block;
        position: fixed;
        top: 72px;
        width: -webkit-calc(100% - 17px);
        width: calc(100% - 17px);
        z-index: 100;
        font-size: var(--msl-fontSize-34);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        line-height: 48px;
        background-color: var(--msl-artwork-grey-0);
        text-transform: none;
        padding: 0 20px;
        padding-top: var(--msl-spacing-100);
        padding-bottom: var(--msl-spacing-00)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar a.item-menu-commun:focus-visible,.npc-mmenubar a.item-menu-main:focus-visible,.npc-mmenubar button.item-menu-commun:focus-visible,.npc-mmenubar button.item-menu-main:focus-visible {
        outline-offset:-2px
    }
}

.npc-mmenubar a:focus-visible,.npc-mmenubar button:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

.npc-mmenubar a[class^=npc-msl-rounded-icon-action],.npc-mmenubar button[class^=npc-msl-rounded-icon-action] {
    border-radius: 50%
}

.npc-mmenubar a[class^=npc-msl-link],.npc-mmenubar button[class^=npc-msl-link] {
    border-radius: var(--msl-borderRadius-25)
}

.npc-mmenubar a[class^=npc-msl-button]:focus-visible::after,.npc-mmenubar a[class^=npc-msl-button]:focus::after,.npc-mmenubar a[class^=npc-msl-link]:focus-visible::after,.npc-mmenubar a[class^=npc-msl-link]:focus::after,.npc-mmenubar a[class^=npc-msl-rounded-icon]:focus-visible::after,.npc-mmenubar a[class^=npc-msl-rounded-icon]:focus::after,.npc-mmenubar button[class^=npc-msl-button]:focus-visible::after,.npc-mmenubar button[class^=npc-msl-button]:focus::after,.npc-mmenubar button[class^=npc-msl-link]:focus-visible::after,.npc-mmenubar button[class^=npc-msl-link]:focus::after,.npc-mmenubar button[class^=npc-msl-rounded-icon]:focus-visible::after,.npc-mmenubar button[class^=npc-msl-rounded-icon]:focus::after {
    display: none
}

.npc-mmenubar li a[role=menuitem].item-menu-outil.button-style {
    margin-left: var(--msl-spacing-100);
    padding: var(--msl-spacing-100) var(--msl-spacing-300)!important
}

.npc-mmenubar li a[role=menuitem].item-menu-outil.button-style i {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar li a[role=menuitem].item-menu-outil.button-style {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: var(--msl-spacing-200) 0;
        height: 48px!important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.npc-mmenubar li a[role=menuitem].item-menu-outil.outil-style {
    margin: 0 var(--msl-spacing-100);
    padding: 12px var(--msl-spacing-400)!important;
    display: block;
    border-radius: var(--msl-borderRadius-100);
    background-color: var(--msl-brand-secondary-100);
    color: var(--msl-brand-secondary-500);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: var(--msl-fontWeight-600)!important
}

.npc-mmenubar li a[role=menuitem].item-menu-outil.outil-style i {
    margin-right: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .npc-mmenubar li a[role=menuitem].item-menu-outil.outil-style {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: var(--msl-spacing-200) var(--msl-spacing-00);
        height: 48px!important;
        background-color: var(--msl-brand-secondary-100)!important;
        color: var(--msl-brand-secondary-500)!important;
        width: fit-content!important
    }
}

.npc-mmenubar .npc-mmenubar-navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation {
        display:block;
        position: relative;
        top: -webkit-calc(72px + 48px);
        top: calc(72px + 48px);
        width: 100%;
        height: unset;
        padding: 0 20px 100px;
        height: -webkit-calc(100vh - 32px);
        height: calc(100vh - 32px)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>a,.npc-mmenubar .npc-mmenubar-navigation>li>button {
    border-radius: var(--msl-borderRadius-50)
}

.npc-mmenubar .npc-mmenubar-navigation .npc-mmenubar-footer {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation .npc-mmenubar-footer {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding-bottom: var(--msl-spacing-300)
    }

    .npc-mmenubar .npc-mmenubar-navigation .npc-mmenubar-footer a::after {
        float: right;
        font-family: "NPC Icons crunchy R2503"!important;
        content: "";
        font-size: 28px;
        font-weight: var(--msl-fontWeight-400);
        color: #004652
    }
}

.npc-mmenubar .npc-mmenubar-navigation li {
    margin: 0;
    padding: 0;
    border: 0 solid var(--msl-artwork-grey-1000);
    list-style: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.npc-mmenubar .npc-mmenubar-navigation>span[role=separator][aria-orientation=vertical] {
    background: var(--msl-artwork-grey-100);
    width: 1px;
    padding: 0;
    height: 16px;
    margin: -webkit-calc((60px - 16px)/ 2) 0;
    margin: calc((60px - 16px)/ 2) 0
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>span[role=separator][aria-orientation=vertical] {
        display:none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li {
    position: relative;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 var(--msl-spacing-150)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li {
        display:block
    }

    .npc-mmenubar .npc-mmenubar-navigation>li .rounded-top {
        border-top-left-radius: var(--msl-borderRadius-150);
        border-top-right-radius: var(--msl-borderRadius-150)
    }

    .npc-mmenubar .npc-mmenubar-navigation>li .rounded-bottom {
        border-bottom-left-radius: var(--msl-borderRadius-150);
        border-bottom-right-radius: var(--msl-borderRadius-150)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li.mm-title-h3 {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li.mm-title-h3 {
        display:block;
        margin-top: var(--msl-spacing-400);
        margin-bottom: var(--msl-spacing-100);
        font-family: var(--msl-fontFamily-heading);
        font-size: 12px;
        font-weight: var(--msl-fontWeight-700);
        line-height: 16px;
        color: var(--msl-artwork-grey-600);
        background-color: var(--msl-artwork-grey-0);
        text-transform: uppercase
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: var(--msl-artwork-grey-50)
}

@media (min-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem] {
        border-radius:var(--msl-borderRadius-25)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem].button-first-level {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem] {
        background-color:var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        height: 73px;
        font-weight: var(--msl-fontWeight-600)!important;
        border-bottom: 1px solid var(--msl-artwork-grey-100)
    }

    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem].link-first-level {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem].button-first-level {
        display: inline-block
    }

    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem].button-first-level:after {
        content: none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>a:not(.no-custom-style),.npc-mmenubar .npc-mmenubar-navigation>li>button {
    border: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    text-decoration: none;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--msl-spacing-100) 0;
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>a:not(.no-custom-style),.npc-mmenubar .npc-mmenubar-navigation>li>button {
        padding:22px var(--msl-spacing-150);
        outline-offset: -2px;
        border-bottom: 1px solid var(--msl-artwork-grey-100);
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>a:not(.no-custom-style).item-menu-commun,.npc-mmenubar .npc-mmenubar-navigation>li>button.item-menu-commun {
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>a.no-custom-style {
        height:-webkit-calc(12px + 24px + 12px);
        height: calc(12px + 24px + 12px)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>button::after {
        float:right;
        font-family: "NPC Icons crunchy R2503"!important;
        content: "";
        font-size: 28px;
        font-weight: var(--msl-fontWeight-400);
        color: #004652
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>a {
        display:-webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li .npc-mmenubar-categorie-background {
    display: none;
    visibility: hidden;
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    opacity: .6;
    z-index: -2;
    pointer-events: none;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li .npc-mmenubar-categorie-background {
        display:none!important
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] {
    border-top: 1px solid var(--msl-artwork-grey-100);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: fixed;
    padding: 48px 0 48px 200px;
    gap: var(--msl-spacing-100);
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: -webkit-calc(100vh - 120px - 104px);
    max-height: calc(100vh - 120px - 104px);
    background-color: var(--msl-artwork-grey-0)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] {
        border-top:unset;
        display: none;
        padding-left: 20px!important;
        padding-top: 0;
        padding-right: 20px;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        gap: 0;
        padding: 36px 20px 100px;
        min-height: -webkit-calc(100vh - 80px);
        min-height: calc(100vh - 80px);
        max-height: 100%;
        z-index: 100;
        -webkit-transition-property: unset;
        transition-property: unset;
        -webkit-transition-duration: unset;
        transition-duration: unset;
        overflow-y: unset
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .mm-title-h4 {
    margin: 0 0 var(--msl-spacing-200) var(--msl-spacing-100);
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    line-height: 36px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: -webkit-calc(100% - (432px + 41px));
    max-width: calc(100% - (432px + 41px));
    min-width: -webkit-calc(989px - (200px + 432px + 41px));
    min-width: calc(989px - (200px + 432px + 41px));
    text-transform: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .mm-title-h4 {
        font-size:var(--msl-fontSize-34);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        line-height: 48px;
        margin-top: var(--msl-spacing-100);
        margin-left: var(--msl-spacing-00);
        min-width: unset;
        max-width: unset
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .item-menu-link {
    text-decoration: underline
}

@media (min-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .item-menu-link {
        border-radius:var(--msl-borderRadius-25)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .item-menu-link {
        background-color:var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        height: 73px;
        width: 100%;
        margin-right: 0;
        max-width: unset;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        font-weight: var(--msl-fontWeight-400);
        padding-left: 20px!important;
        margin-top: var(--msl-spacing-400);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .mm-title-h4,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .mm-title-h5,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>[role=menuitem] {
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .mm-title-h4,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu] .mm-title-h5 {
        white-space:unset;
        overflow: unset;
        text-overflow: unset
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>span[role=separator][aria-orientation=horizontal] {
    border-top: 1px solid var(--msl-artwork-grey-100);
    padding: 0;
    margin: var(--msl-spacing-100) var(--msl-spacing-100)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>span[role=separator][aria-orientation=horizontal] {
        display:none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>span[role=separator]:not([aria-orientation=horizontal]) {
    border-left: 1px solid var(--msl-artwork-grey-100);
    bottom: 0;
    top: 0;
    position: absolute;
    left: 540px;
    margin: 0;
    padding: 0
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>span[role=separator]:not([aria-orientation=horizontal]) {
        display:none
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li:first-child {
        position:fixed;
        width: -webkit-calc(100% - 17px);
        width: calc(100% - 17px);
        left: 0;
        margin: 0;
        padding: 8px 20px 16px 28px;
        background-color: var(--msl-artwork-grey-0);
        z-index: 1;
        top: 72px
    }

    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li.mm-N2-width-size {
        display: none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li.npc-mmenubar-close-desk {
    border-radius: 50%;
    position: absolute;
    right: 34px;
    top: 48px
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li.npc-mmenubar-close-desk button {
    max-width: unset;
    padding: 0
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li.npc-mmenubar-close-desk {
        display:none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menuitem] {
    padding: var(--msl-spacing-100);
    max-width: -webkit-calc(100% - (432px + 41px));
    max-width: calc(100% - (432px + 41px));
    display: block
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menuitem] {
        min-width:unset;
        max-width: unset;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>button[role=menuitem].item-menu-main {
    padding-right: -webkit-calc(28px + var(--msl-spacing-200) + var(--msl-spacing-100));
    padding-right: calc(28px + var(--msl-spacing-200) + var(--msl-spacing-100));
    -webkit-transition-property: padding-right;
    transition-property: padding-right;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media (min-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>button[role=menuitem].item-menu-main {
        border-radius:var(--msl-borderRadius-25)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>button[role=menuitem].item-menu-main {
        background-color:var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        height: 73px;
        width: 100%;
        margin-right: 0;
        max-width: unset;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        font-weight: var(--msl-fontWeight-600);
        border-bottom: 1px solid var(--msl-artwork-grey-100);
        padding: 20px 50px 20px 20px
    }

    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>button[role=menuitem].item-menu-main::after {
        right: 20px
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menuitem].item-menu-main {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    font-weight: var(--msl-fontWeight-600);
    border: none;
    background-color: unset;
    display: block;
    margin: 0;
    text-align: left;
    position: relative;
    color: var(--msl-artwork-grey-900);
    text-decoration: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menuitem].item-menu-main {
        background-color:var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        height: 73px;
        width: 100%;
        margin-right: 0;
        max-width: unset;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        font-weight: var(--msl-fontWeight-600);
        border-bottom: 1px solid var(--msl-artwork-grey-100);
        padding-left: 20px
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menuitem].item-menu-main:active,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menuitem].item-menu-main[aria-expanded=true] {
    border-radius: var(--msl-borderRadius-100);
    background-color: var(--msl-artwork-grey-50)
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menuitem].item-menu-main:hover {
    padding-right: -webkit-calc(28px + var(--msl-spacing-200) + var(--msl-spacing-200));
    padding-right: calc(28px + var(--msl-spacing-200) + var(--msl-spacing-200))
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>button[role=menuitem][aria-expanded=true].item-menu-main+ul .item-menu-hide {
    display: block
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>button[aria-haspopup]::after {
    font-family: "NPC Icons crunchy R2503"!important;
    content: "";
    font-size: 1.8em;
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-secondary-500);
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li.mm-N2-stick-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    margin-top: -webkit-calc(48px + var(--msl-spacing-400) + var(--msl-spacing-200));
    margin-top: calc(48px + var(--msl-spacing-400) + var(--msl-spacing-200))
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li.mm-N2-stick-right {
        display:none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li.mm-N2-stick-right .stick-right-content {
    padding: var(--msl-spacing-400);
    border-radius: 20px;
    margin: 0 34px 48px;
    background: var(--msl-artwork-grey-50);
    width: 388px
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu] {
    position: absolute;
    left: 0;
    right: 0;
    padding: 55px var(--msl-spacing-400) 48px var(--msl-spacing-400);
    top: 0;
    z-index: 3;
    gap: var(--msl-spacing-200);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--msl-artwork-grey-0)
}

@media not all and (-webkit-min-device-pixel-ratio: 0.0010416666666666667),not all and (min-resolution:0.1dpi) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu] {
        width:-webkit-fill-available
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu] {
        display:none;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0!important;
        right: 0;
        min-height: -webkit-calc(100vh - 80px);
        min-height: calc(100vh - 80px);
        max-height: 100%;
        width: 100%;
        gap: 0;
        padding: 35px 20px 100px;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 0;
        overflow-y: auto;
        overflow-x: hidden
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu] .mm-title-h5 {
    margin: 0 0 var(--msl-spacing-100) var(--msl-spacing-100);
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    line-height: 36px
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu] .mm-title-h5 {
        text-transform:none;
        font-size: var(--msl-fontSize-34);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        line-height: 48px;
        margin-bottom: 32px;
        margin-top: var(--msl-spacing-100)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu] .item-menu-hide {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1px;
    width: 10000px;
    background-color: var(--msl-artwork-grey-0);
    z-index: -1
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu] .item-menu-hide {
        width:100%
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>span[role=separator][aria-orientation=horizontal] {
    border-top: 1px solid var(--msl-artwork-grey-100);
    padding: 0;
    margin: 0
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>span[role=separator][aria-orientation=horizontal] {
        display:none
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li:first-child {
        position:fixed;
        width: -webkit-calc(100% - 17px);
        width: calc(100% - 17px);
        left: 0;
        margin: 0;
        padding: 8px 20px 32px 28px;
        background-color: var(--msl-artwork-grey-0);
        z-index: 1;
        top: 72px
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li.npc-mmenubar-close-desk {
    top: 48px;
    position: absolute;
    width: 32px
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li.npc-mmenubar-close-desk button {
    padding: 0
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li.npc-mmenubar-close-desk {
        display:none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>.emptyProduct {
    padding: 0 var(--msl-spacing-100);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    max-width: 250px
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem] {
    padding: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-50) var(--msl-spacing-100);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem] {
        background-color:var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        height: unset;
        min-height: 62px;
        max-height: 108px;
        width: 100%;
        margin-right: 0;
        max-width: unset;
        gap: var(--msl-spacing-50) var(--msl-spacing-100);
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        font-weight: var(--msl-fontWeight-600);
        border-bottom: 1px solid var(--msl-artwork-grey-100);
        padding: 20px var(--msl-spacing-200);
        color: var(--msl-artwork-grey-900);
        text-decoration: none
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem] .npc-msl-visual-tag-small {
    cursor: default
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem] .npc-msl-visual-tag-small {
        cursor:pointer
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    text-decoration: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

@media (min-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main {
        border-radius:var(--msl-borderRadius-25)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main:active,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main:hover {
    color: var(--msl-brand-primary)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-color: var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        width: 100%;
        height: unset;
        min-height: 62px;
        max-height: 108px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        font-weight: var(--msl-fontWeight-600);
        border-bottom: 1px solid var(--msl-artwork-grey-100);
        padding: 20px var(--msl-spacing-200);
        gap: var(--msl-spacing-50) var(--msl-spacing-100);
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main:active,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main:focus,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li>[role=menuitem].item-menu-main:hover {
        color: var(--msl-artwork-grey-900)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li .item-menu-link {
    text-decoration: underline
}

@media (min-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li .item-menu-link {
        border-radius:var(--msl-borderRadius-25)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[role=menu]>li>[role=menu]>li .item-menu-link {
        background-color:var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        height: 73px;
        width: 100%;
        margin-right: 0;
        max-width: unset;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        font-weight: var(--msl-fontWeight-400);
        padding-left: 20px!important;
        margin-top: var(--msl-spacing-400);
        color: var(--msl-brand-primary)
    }
}

.npc-mmenubar .npc-mmenubar-navigation [role=menu] {
    background-color: var(--msl-artwork-grey-0)
}

.npc-mmenubar .npc-mmenubar-navigation [role=menu] {
    display: none;
    position: absolute;
    top: var(--msl-spacing-800);
    margin: 0;
    padding: 0;
    padding: 7px var(--msl-spacing-50)
}

.npc-mmenubar .npc-mmenubar-navigation [role=group] {
    margin: 0;
    padding: 0
}

.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem]:focus::before {
    display: none
}

.npc-mmenubar .npc-mmenubar-navigation>li>[aria-expanded=true],.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem]:hover {
    color: var(--msl-brand-primary)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[aria-expanded=true],.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem]:hover {
        color:var(--msl-artwork-grey-900)
    }
}

.npc-mmenubar .npc-mmenubar-navigation>li>[aria-expanded=true].item-menu-commun,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem]:hover.item-menu-commun {
    color: var(--msl-artwork-grey-900)
}

.npc-mmenubar .npc-mmenubar-navigation>li>[aria-expanded=true].item-menu-commun::before,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem]:hover.item-menu-commun::before {
    content: '';
    background-color: var(--msl-brand-secondary-600);
    position: absolute;
    right: var(--msl-spacing-150);
    height: 2px;
    left: var(--msl-spacing-150);
    bottom: 0
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-navigation>li>[aria-expanded=true].item-menu-commun,.npc-mmenubar .npc-mmenubar-navigation>li>[role=menuitem]:hover.item-menu-commun {
        color:var(--msl-artwork-grey-900);
        border-bottom: 1px solid var(--msl-artwork-grey-100)
    }
}

.npc-mmenubar .npc-mmenubar-navigation li.display-to-last {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    order: 99
}

.npc-mmenubar .js-mm-N2-width-size {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    order: 100
}

.npc-mmenubar .npc-mmenubar-navigation [role=menu] [aria-expanded=true][aria-current=page],.npc-mmenubar .npc-mmenubar-navigation [role=menu] [role=menuitem].aria-current-path:focus {
    background-color: var(--msl-artwork-grey-50);
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 990px) and (max-width:1282px) {
    .npc-mmenubar .npc-mmenubar-connected>li:not([role=separator]):not(.npc-mmc-mobile).npc-mmc-mmenubar-advices-hidden {
        display:none
    }
}

@media (min-width: 990px) and (max-width:1282px) {
    .npc-mmenubar .npc-mmenubar-connected>li:not([role=separator]):not(.npc-mmc-mobile) {
        max-width:-webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 60px
    }
}

@media (min-width: 1016px) and (max-width:1282px) {
    .npc-mmenubar .npc-mmenubar-connected>li:not([role=separator]):not(.npc-mmc-mobile)>a:not(.no-custom-style),.npc-mmenubar .npc-mmenubar-connected>li:not([role=separator]):not(.npc-mmc-mobile)>button {
        padding:0 var(--msl-spacing-150)
    }
}

@media (min-width: 990px) and (max-width:1015px) {
    .npc-mmenubar .npc-mmenubar-connected>li:not([role=separator]):not(.npc-mmc-mobile)>a:not(.no-custom-style),.npc-mmenubar .npc-mmenubar-connected>li:not([role=separator]):not(.npc-mmc-mobile)>button {
        padding:0 var(--msl-spacing-100)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected[role=menubar]>li:first-child {
        margin-top:var(--msl-spacing-400)
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .npc-mmenubar .npc-mmenubar-connected .npc-mmc-mmenubar-navigation-hidden {
        display:none
    }
}

@media (min-width: 990px) {
    .npc-mmenubar .npc-mmenubar-connected .npc-mmc-separator {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding-left: 0
    }

    .npc-mmenubar .npc-mmenubar-connected .npc-mmc-separator:before {
        content: " ";
        width: 1px;
        background: var(--msl-artwork-grey-100);
        height: 16px;
        margin-right: var(--msl-spacing-150)
    }
}

.npc-mmenubar .npc-mmenubar-connected .npc-mmenubar-footer {
    display: none
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected .npc-mmenubar-footer {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        margin: var(--msl-spacing-00);
        border: unset
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    right: 0;
    max-height: -webkit-calc(100vh - 60px);
    max-height: calc(100vh - 60px)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] {
        max-height:100%
    }
}

@media (max-width: 1254px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu].npc-two-columns>li.mm-N2-stick-right {
        position:relative;
        margin: var(--msl-spacing-300) var(--msl-spacing-00) var(--msl-spacing-00) var(--msl-spacing-00);
        display: unset;
        z-index: 0
    }

    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu].npc-two-columns>li.mm-N2-stick-right>.stick-right-content {
        margin: unset;
        width: 357px
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu].npc-two-columns>li.mm-N2-stick-right,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right {
        position:relative;
        margin: unset;
        display: unset;
        z-index: 0
    }

    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu].npc-two-columns>li.mm-N2-stick-right>.stick-right-content,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right>.stick-right-content {
        margin: unset;
        padding: unset;
        background: unset;
        border-radius: unset;
        width: 100%
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-title-h4 {
    margin-bottom: var(--msl-spacing-00)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-title-h4 {
        margin-bottom:var(--msl-spacing-00)
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-title-h5 {
    font-family: var(--msl-fontFamily-heading);
    font-size: 12px;
    font-weight: var(--msl-fontWeight-700);
    line-height: 16px;
    color: var(--msl-artwork-grey-600);
    text-transform: uppercase;
    margin-left: var(--msl-spacing-100);
    margin-right: var(--msl-spacing-100);
    margin-top: var(--msl-spacing-300);
    margin-bottom: var(--msl-spacing-00)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-title-h5 {
        margin-top:var(--msl-spacing-400);
        margin-bottom: var(--msl-spacing-100)
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>span.mm-N2-stick-right>.stick-right-content>[role=separator][aria-orientation=horizontal] {
    margin-top: var(--msl-spacing-100);
    margin-bottom: var(--msl-spacing-100)
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right>.stick-right-content {
    gap: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right>.stick-right-content {
        gap:var(--msl-spacing-00)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right>.stick-right-content>li>[role=menuitem].item-menu-tout {
        margin-top:var(--msl-spacing-200)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right>.stick-right-content>li>[role=menuitem].item-menu-outil {
        margin-top:var(--msl-spacing-00)
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right>.stick-right-content>.mm-title-h5 {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    line-height: 24px;
    text-transform: none;
    color: var(--msl-artwork-grey-900);
    margin-top: var(--msl-spacing-00);
    margin-bottom: var(--msl-spacing-100)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li.mm-N2-stick-right>.stick-right-content>.mm-title-h5 {
        font-family:var(--msl-fontFamily-heading);
        font-size: 12px;
        font-weight: var(--msl-fontWeight-700);
        line-height: 24px;
        color: var(--msl-artwork-grey-600);
        text-transform: uppercase;
        margin-top: var(--msl-spacing-400)
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-300);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 1px
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col>.npc-card-custom {
    margin-top: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col>.npc-card-custom {
        margin-top:var(--msl-spacing-400);
        margin-bottom: var(--msl-spacing-00);
        width: auto;
        -webkit-box-pack: unset;
        -webkit-justify-content: unset;
        justify-content: unset
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col>ul {
    padding: var(--msl-spacing-00)
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col>ul>li:first-child {
    margin-top: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col>ul>li:first-child {
        margin-top:var(--msl-spacing-400)
    }
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col>ul>li>[role=menuitem].item-menu-outil {
        margin-bottom:var(--msl-spacing-00)
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col>.npc-card-custom>.npc-card-icon>.icon::before {
    height: 48px;
    width: 48px
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul {
    width: 357px;
    gap: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul {
        width:100%;
        gap: var(--msl-spacing-00);
        padding: unset
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>span[role=separator][aria-orientation=horizontal],.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>span[role=separator][aria-orientation=horizontal] {
    border-top: 1px solid var(--msl-artwork-grey-100);
    padding: 0;
    margin: var(--msl-spacing-200) var(--msl-spacing-100)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>span[role=separator][aria-orientation=horizontal],.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>span[role=separator][aria-orientation=horizontal] {
        margin:7px var(--msl-spacing-100);
        border: unset
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem],.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem] {
    padding: var(--msl-spacing-50) var(--msl-spacing-100);
    display: block
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem],.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem] {
        min-width:unset;
        max-width: unset;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem].item-menu-main,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem].item-menu-main {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    font-weight: var(--msl-fontWeight-600);
    border: none;
    background-color: unset;
    display: block;
    margin: 0;
    text-align: left;
    position: relative;
    color: var(--msl-artwork-grey-900);
    text-decoration: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem].item-menu-main:active,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem].item-menu-main[aria-expanded=true],.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem].item-menu-main:active,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem].item-menu-main[aria-expanded=true] {
    border-radius: var(--msl-borderRadius-100);
    background-color: var(--msl-artwork-grey-50)
}

@media (max-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem].item-menu-main,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem].item-menu-tout,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem].item-menu-main,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem].item-menu-tout {
        background-color:var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        text-align: left;
        height: 73px;
        width: 100%;
        margin-right: 0;
        max-width: unset;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        font-weight: var(--msl-fontWeight-600);
        border-bottom: 1px solid var(--msl-artwork-grey-100);
        padding-left: 20px
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right ul>li>[role=menuitem].item-menu-tout,.npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-two-col ul>li>[role=menuitem].item-menu-tout {
    text-decoration: underline
}

@media (min-width: 989px) {
    .npc-mmenubar .npc-mmenubar-connected>li>[role=menu] .mm-N2-stick-right>ul>li>[role=menuitem].item-menu-main {
        font-weight:var(--msl-fontWeight-400)
    }
}

.npc-mmenubar .npc-mmenubar-connected>li>[role=menu]>li>[role=menuitem] {
    max-width: 357px
}

.npc-ihm-light-loader .npc-wrapper-loader {
    height: 100vh;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-400)
}

.npc-ihm-light-loader .npc-loader-image {
    width: 200px;
    height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.npc-ihm-light-loader .npc-loader-image .npc-image {
    content: var(--brand-logo);
    height: 100px;
    width: 100px
}

.npc-ihm-light-loader .npc-loader-image .npc-spinner {
    height: 200px;
    width: 200px;
    -webkit-animation: 2s linear infinite rotate;
    animation: 2s linear infinite rotate;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.npc-ihm-light-loader .npc-loader-image .npc-path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: 1.5s ease-in-out infinite dash;
    animation: 1.5s ease-in-out infinite dash;
    stroke-linecap: round;
    stroke: var(--msl-brand-secondary-100)
}

.npc-ihm-light-loader .npc-loader-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-ihm-light-loader .npc-loader-text .shadow-element {
    display: none
}

ul.npc-dot-list li::marker {
    content: ''
}

ul.npc-dot-list li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-300)
}

ul.npc-dot-list li::before {
    content: ' ';
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    background-color: var(--msl-brand-primary);
    border-radius: 50%;
    display: block
}

ul.npc-dot-list li::before.shadow:not(ul) {
    box-shadow: 0 0 0 var(--msl-spacing-50) var(--msl-brand-secondary-100);
    padding: var(--msl-spacing-50)
}

ul.npc-dot-list li:not(:last-child) {
    margin-bottom: var(--msl-spacing-300)
}

ul.npc-dot-list.shadow {
    padding-left: var(--msl-spacing-50)
}

ul.npc-dot-list.shadow li::before {
    box-shadow: 0 0 0 var(--msl-spacing-50) var(--msl-brand-secondary-100)
}

.npc-dot {
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    background-color: var(--msl-brand-primary);
    border-radius: 50%;
    display: block
}

.npc-dot.shadow:not(ul) {
    box-shadow: 0 0 0 var(--msl-spacing-50) var(--msl-brand-secondary-100);
    padding: var(--msl-spacing-50)
}

.npc-pushCategorieProduits {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: var(--msl-spacing-300)
}

@media (min-width: 1170px) {
    .npc-pushCategorieProduits {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-pushCategorieProduits {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-pushCategorieProduits {
        margin:var(--msl-spacing-200) 20px
    }
}

.npc-pushCategorieProduits .npc-pushCategorieProduits--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

.npc-pushCategorieProduits .npc-pushCategorieProduits--vignettes {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-300);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 989px) {
    .npc-pushCategorieProduits .npc-pushCategorieProduits--vignettes {
        gap:var(--msl-spacing-200)
    }
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette {
    width: -webkit-calc((100% - 48px)/ 3);
    width: calc((100% - 48px)/ 3);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-decoration: unset;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    gap: var(--msl-spacing-150);
    padding: var(--msl-spacing-150);
    border-radius: var(--msl-borderRadius-150);
    background-color: var(--msl-bg-surface-on-minimal);
    box-shadow: var(--msl-boxShadow-s)
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette:focus-within::before {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-150);
    border: 2px solid var(--msl-bg-brand-tertiary);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media (max-width: 989px) {
    .npc-pushCategorieProduits .npc-pushCategorieProduits-vignette {
        width:100%
    }
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette:hover {
    background-color: var(--msl-bg-hover)
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette:active {
    background-color: var(--msl-bg-pressed)
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette .npc-pushCategorieProduits-vignette--picto {
    border-radius: var(--msl-borderRadius-150);
    min-width: 56px;
    min-height: 76px;
    background-color: var(--msl-bg-brand-moderate);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette .npc-pushCategorieProduits-vignette--picto.icon {
    font-size: 24px;
    color: var(--msl-text-primary);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette .npc-pushCategorieProduits-vignette--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-50);
    color: var(--msl-text)
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette .npc-pushCategorieProduits-vignette--content .npc-vignette-content-details--title {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    min-height: 42px;
    text-decoration: none;
    color: var(--msl-text)
}

.npc-pushCategorieProduits .npc-pushCategorieProduits-vignette .npc-pushCategorieProduits-vignette--content .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    min-height: 54px
}

.npc-bv-aideLien {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-0);
    padding: var(--msl-spacing-300);
    border-radius: var(--msl-borderRadius-100);
    max-width: 530px;
    gap: var(--msl-spacing-300)
}

.npc-bv-aideLien i {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media screen and (max-width: 989px) {
    .npc-bv-aideLien i {
        display:none
    }
}

@media screen and (max-width: 650px) {
    .npc-bv-aideLien {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.npc-bv-aideLien .npc-bv-aideLien--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.npc-bv-aideLien .npc-bv-aideLien--content .npc-bv-al-c--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-bv-aideLien .npc-bv-aideLien--content .npc-bv-al-c--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-bv-aideUrgence.npc-msl-collapse .npc-msl-collapse-item {
    border-radius: var(--msl-borderRadius-100);
    border: unset
}

.npc-bv-aideUrgence.npc-msl-collapse .npc-msl-collapse-item:focus-within {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--msl-artwork-grey-0)
}

.npc-bv-aideUrgence.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header {
    border-radius: var(--msl-borderRadius-100);
    border: unset
}

.npc-bv-aideUrgence.npc-msl-collapse .npc-msl-collapse-item .npc-msl-collapse-item-header:hover {
    border-radius: var(--msl-borderRadius-100)
}

.npc-bv-aideUrgence .npc-bv-aideUrgence--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: var(--msl-spacing-300);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-bv-aideUrgence .npc-bv-aideUrgence--content .Arcep {
    margin-top: 0;
    white-space: nowrap
}

@media screen and (max-width: 649px) {
    .npc-bv-aideUrgence .npc-bv-aideUrgence--content .Arcep {
        margin-top:15px;
        white-space: normal
    }
}

.npc-bv-aideUrgence .npc-bv-aideUrgence--content .npc-bv-au-c--mentionsLegales {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.npc-bv-aideUrgence .npc-bv-au-declarerBtn {
    margin: auto
}

.npc-bv-aideUrgence .npc-num-tel-arcep {
    text-align: center
}

.npc-bv-aideUrgence .npc-bv-au-c--numberLink {
    -webkit-align-self: center;
    align-self: center;
    position: relative
}

.npc-bv-aideUrgence .npc-bv-au-c--numberLink,.npc-bv-aideUrgence .npc-bv-au-c--numberLink:active,.npc-bv-aideUrgence .npc-bv-au-c--numberLink:focus,.npc-bv-aideUrgence .npc-bv-au-c--numberLink:hover {
    text-decoration: none
}

.npc-bv-aideUrgence .npc-bv-au-c--numberLink .npc-bv-au-c--number {
    white-space: nowrap;
    color: #009c8c;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-align: center
}

.npc-bv-aideUrgence .npc-bv-au-c--numberLink .npc-bv-au-c--numberPrice {
    color: var(--msl-artwork-grey-1000);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    text-align: center
}

.npc-bv-aideUrgence .npc-bv-au-c--numberLink:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 0;
    border: 2px solid #004652;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-bv-aideUrgence .npc-bv-au-c-l--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: var(--msl-spacing-300);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-bv-aideUrgence div.npc-bv-au-c--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-300);
    width: 100%
}

.npc-bv-aideUrgence div.npc-bv-au-c--list i.icon {
    padding: var(--msl-spacing-100);
    background-color: #4ca199;
    border-radius: 20px;
    font-size: 24px;
    color: var(--msl-artwork-grey-0)
}

.npc-bv-aideUrgence ul.npc-bv-au-c--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 12px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-bv-combobox {
    border: unset
}

.npc-bouton-vert {
    background-color: #308276;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 9997;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-bouton-vert [role=tabpanel].is-hidden {
    display: none
}

.npc-bouton-vert .npc-bv-combobox .dropdown-menu a {
    color: var(--msl-artwork-grey-900)
}

.npc-bouton-vert .npc-bv-combobox .dropdown-menu li {
    padding-right: 2px
}

.npc-bouton-vert .npc-bv-combobox .dropdown-menu .selected a {
    background-color: var(--msl-artwork-grey-50);
    font-weight: var(--msl-fontWeight-600);
    color: #004652
}

.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default {
    padding: 12px var(--msl-spacing-500) 12px var(--msl-spacing-200);
    height: -webkit-calc(20px + 12px + 12px);
    height: calc(20px + 12px + 12px);
    color: var(--msl-artwork-grey-600);
    border: unset;
    background-color: var(--msl-artwork-grey-50)
}

.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default:focus,.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default:focus-visible,.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default:hover {
    border: unset;
    background-color: var(--msl-artwork-grey-100)
}

.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default .caret::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s;
    transition: .25s;
    margin-right: .25rem
}

.npc-bouton-vert .npc-bv-combobox .btn.dropdown-toggle.btn-default[aria-expanded=true] .caret::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.npc-bouton-vert .npc-bouton-vert--content {
    position: relative
}

@media screen and (max-width: 1169px) {
    .npc-bouton-vert {
        width:100%
    }
}

.npc-bouton-vert .npc-bouton-vert--close {
    position: absolute;
    top: var(--msl-spacing-300);
    right: var(--msl-spacing-300);
    z-index: 2
}

.npc-bouton-vert .npc-bouton-vert--back {
    position: absolute;
    top: var(--msl-spacing-300);
    left: var(--msl-spacing-300);
    z-index: 2;
    gap: var(--msl-spacing-50)
}

.npc-bouton-vert .npc-bouton-vert--panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-300);
    position: relative;
    padding: var(--msl-spacing-800) var(--msl-spacing-500);
    width: 100%;
    z-index: 1
}

.npc-bouton-vert .npc-bouton-vert--panel .StoreLocatorMap-content.has-mapLeft .StoreLocatorMap-Map .StoreLocatorMap-GMap>div>div {
    display: none
}

.npc-bouton-vert .npc-bouton-vert--panel .StoreLocatorMap-content.has-mapLeft.has-mapFocus .StoreLocatorMap-Map .StoreLocatorMap-GMap>div>div {
    display: block
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted {
    color: #007461
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted:active,.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted:hover,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary:active,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary:hover,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:active,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:hover,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary:active,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary:hover,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:active,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:hover,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:active,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:hover,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:active,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:hover,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:active,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:hover,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:active,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:hover {
    color: #075144
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary--inverted:after,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-primary:after,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:after,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-primary:after,.npc-bouton-vert .npc-bouton-vert--panel .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:after,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:after,.vignette-client-action .card-secondary .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:after,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-primary:after,.vignette-client-action .card-secondary-double .npc-bouton-vert .npc-bouton-vert--panel .npc-msl-button-secondary--inverted:after {
    display: none
}

@media screen and (max-width: 1169px) {
    .npc-bouton-vert .npc-bouton-vert--panel {
        padding:var(--msl-spacing-800) var(--msl-spacing-300)
    }
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-bouton-vert--header {
    color: var(--msl-artwork-grey-0);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: var(--msl-spacing-200);
    text-align: center;
    max-width: 90%
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-bouton-vert--header .npc-bv-h--title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-bouton-vert--header .npc-bv-h--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-bouton-vert--footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-500)
}

.npc-bouton-vert .npc-bouton-vert--panel .npc-bouton-vert--footer .npc-bv--sur-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

.npc-bouton-vert .npc-bouton-vert--panel.npc-bouton-vert--erreur {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-bouton-vert .npc-bouton-vert--panel.npc-bouton-vert--erreur .npc-bouton-vert--header {
    gap: var(--msl-spacing-300);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-bouton-vert .npc-bouton-vert--panel.npc-bouton-vert--erreur .npc-bouton-vert--footer {
    margin-top: unset
}

.npc-bouton-vert .npc-bv--flex--lien {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--msl-spacing-200);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

.npc-bouton-vert .npc-bv--info--agence {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--msl-spacing-300);
    border-radius: var(--msl-borderRadius-100);
    width: -webkit-calc(258px * 2);
    width: calc(258px * 2);
    gap: var(--msl-spacing-400);
    background-color: var(--msl-artwork-grey-50)
}

.npc-bouton-vert .npc-bv--info--agence i {
    font-size: 32px;
    color: #007461
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phone:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phone .ic_call_large::before {
    width: 32px;
    height: 32px
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phoneArcep {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phoneArcep a,.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phoneArcep a:active,.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phoneArcep a:focus,.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phoneArcep a:hover {
    text-decoration: none
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv--info--phoneArcep:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--content-phone,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--content-schedule {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: #007461;
    white-space: pre
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone span,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone span:active,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone span:focus,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone span:hover,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone:active,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone:focus,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone:hover {
    text-decoration: none
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--phone:focus-visible::after {
    border-color: var(--msl-border-focusIndicator)
}

.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--m,.npc-bouton-vert .npc-bv--info--agence .npc-bv-ia--desc--s {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 600px) {
    .npc-bouton-vert .npc-bv--info--agence {
        width:248px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        gap: var(--msl-spacing-300)
    }
}

.npc-bouton-vert .StoreLocatorMap-Agency::after,.npc-bouton-vert .StoreLocatorMap-Toggle.active,.npc-bouton-vert .bootstrap-select.btn-group .dropdown-menu li.selected a,.npc-bouton-vert .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    color: #004652
}

.npc-bouton-vert .StoreLocatorMap-AgencyTitle {
    color: var(--msl-artwork-grey-1000)
}

.npc-bouton-vert .StoreLocatorMap-AgenciesList::-webkit-scrollbar-thumb {
    background-color: #004652
}

.npc-button-custom {
    border-color: #007461
}

.npc-button-custom.npc-button-bv-primary-dark {
    background-color: #007461;
    border-color: #007461;
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.npc-button-bv-secondary {
    background-color: var(--msl-artwork-grey-0);
    color: #009c8c
}

.npc-button-custom.npc-button-bv-primary--inverted {
    background-color: #009c8c;
    border-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.npc-button-bv-primary-dark--inverted {
    background-color: #007461;
    border-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.npc-button-bv-secondary--inverted {
    background-color: var(--msl-artwork-grey-0);
    border-color: var(--msl-artwork-grey-0);
    color: #009c8c
}

.npc-button-custom.npc-button-bv-primary-dark:hover,.npc-button-custom.npc-button-bv-primary:hover,.npc-button-custom.npc-button-bv-secondary:hover {
    background-color: #4ca199;
    border: 1px solid #4ca199;
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.npc-button-bv-primary-dark:focus::after,.npc-button-custom.npc-button-bv-primary:focus::after,.npc-button-custom.npc-button-bv-secondary:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid #004652;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-button-custom.npc-button-bv-primary {
    background-color: #007461;
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.npc-button-bv-primary:hover {
    background-color: #075144;
    border-color: #075144
}

.npc-button-custom.npc-button-bv-primary:focus,.npc-button-custom.npc-button-bv-primary:focus-visible {
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.npc-button-bv-primary--inverted:hover,.npc-button-custom.npc-button-bv-primary-dark--inverted:hover,.npc-button-custom.npc-button-bv-secondary--inverted:hover {
    border-color: var(--msl-artwork-grey-0);
    background-color: #4ca199;
    color: var(--msl-artwork-grey-0)
}

.npc-button-custom.npc-button-bv-primary--inverted:focus::after,.npc-button-custom.npc-button-bv-primary-dark--inverted:focus::after,.npc-button-custom.npc-button-bv-secondary--inverted:focus::after {
    border-color: #004652
}

.npc-button-custom.npc-button-bv-primary--inverted:focus::after,.npc-button-custom.npc-button-bv-primary-dark--inverted:focus::after,.npc-button-custom.npc-button-bv-secondary--inverted:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid #004652;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-button-custom.npc-bv-valider-btn {
    height: 48px
}

@media screen and (min-width: 649px) {
    .npc-button-custom.npc-bv-valider-btn {
        border-bottom-left-radius:var(--msl-borderRadius-00);
        border-top-right-radius: var(--msl-borderRadius-50);
        border-top-left-radius: var(--msl-borderRadius-00);
        border-bottom-right-radius: var(--msl-borderRadius-50);
        width: 100%
    }

    .npc-button-custom.npc-bv-valider-btn:focus::after {
        border-bottom-left-radius: var(--msl-borderRadius-00);
        border-top-left-radius: var(--msl-borderRadius-00);
        border-top-right-radius: var(--msl-borderRadius-50);
        border-bottom-right-radius: var(--msl-borderRadius-50);
        z-index: 2
    }
}

.npc-button-custom.npc-bv-around-btn {
    height: 48px;
    margin: auto
}

.npc-button-custom.npc-bv-around-btn:focus::after {
    border-radius: var(--msl-borderRadius-50);
    z-index: 2
}

.npc-button-custom.npc-bv-center-button {
    margin: auto
}

.npc-link-custom.npc-link-bv-custom:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-50);
    border: 2px solid var(--msl-artwork-grey-0);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-GreenBtn-contentBlockItem {
    display: block;
    width: 100%;
    min-height: 150px;
    background-color: var(--msl-artwork-grey-0);
    padding: 35px 55px;
    text-align: center
}

.npc-GreenBtn-contentBlockItem:last-child {
    margin-bottom: var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItem a:not([role=option]) {
    text-decoration: underline;
    color: #009c8c
}

.npc-GreenBtn-contentBlockItem #findAgenceAuto {
    margin: auto
}

.npc-GreenBtn-contentBlockItem.ficheAgence .npc-GreenBtn-contentBlockItemTitle {
    color: var(--msl-artwork-grey-1000)
}

.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone,.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone:focus {
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: auto
}

.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone span,.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone span:focus,.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone:focus span,.npc-GreenBtn-contentBlockItem .npc-GreenBtn-c--telephone:focus span:focus {
    text-decoration: none
}

.npc-GreenBtn-contentBlockItem input#trouverAgenceByAdresse::-webkit-input-placeholder {
    text-overflow: ellipsis!important;
    overflow: hidden!important;
    white-space: nowrap!important
}

.npc-GreenBtn-contentBlockItem input#trouverAgenceByAdresse::-moz-placeholder {
    text-overflow: ellipsis!important;
    overflow: hidden!important;
    white-space: nowrap!important
}

.npc-GreenBtn-contentBlockItem input#trouverAgenceByAdresse:-ms-input-placeholder {
    text-overflow: ellipsis!important;
    overflow: hidden!important;
    white-space: nowrap!important
}

.npc-GreenBtn-contentBlockItem input#trouverAgenceByAdresse::-ms-input-placeholder {
    text-overflow: ellipsis!important;
    overflow: hidden!important;
    white-space: nowrap!important
}

.npc-GreenBtn-contentBlockItem input#trouverAgenceByAdresse::placeholder {
    text-overflow: ellipsis!important;
    overflow: hidden!important;
    white-space: nowrap!important
}

@media screen and (max-width: 649px) {
    .npc-GreenBtn-contentBlockItem {
        padding:35px
    }

    input#trouverAgenceByAdresse {
        text-overflow: ellipsis
    }
}

.npc-GreenBtn-contentBlockItemTitle {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-900);
    margin-bottom: 17px
}

.npc-GreenBtn-contentBlockItemText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900);
    margin: 20px var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItemBtnIcon {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-right: 10px;
    margin-top: -var(--msl-spacing-50)
}

.npc-GreenBtn-contentBlockItemInput {
    display: block;
    width: 100%
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control::-webkit-input-placeholder {
    opacity: 0
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control::-moz-placeholder {
    opacity: 0
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:-ms-input-placeholder {
    opacity: 0
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control::-ms-input-placeholder {
    opacity: 0
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control::placeholder {
    opacity: 0
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:not(:-ms-input-placeholder) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:focus,.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:focus-visible,.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .7;
    transform: scale(.8) translateY(-.5rem) translateX(.15rem)
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:not(:-ms-input-placeholder)~label {
    opacity: .7;
    transform: scale(.8) translateY(-.5rem) translateX(.15rem)
}

.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:focus-visible~label,.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:focus~label,.npc-GreenBtn-contentBlockItemInput .form-floating>.form-control:not(:placeholder-shown)~label {
    opacity: .7;
    -webkit-transform: scale(.8) translateY(-.5rem) translateX(.15rem);
    transform: scale(.8) translateY(-.5rem) translateX(.15rem)
}

.npc-GreenBtn-contentBlockItemInput .form-floating label {
    z-index: 3;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-weight: var(--msl-fontWeight-400);
    text-transform: initial;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem;
    pointer-events: none;
    -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out
}

.npc-GreenBtn-contentBlockItemInput .form-control {
    font-style: italic
}

.npc-GreenBtn-contentBlockItemInput .form-control:focus {
    border: 1px solid var(--msl-functionnal-contact)
}

.npc-GreenBtn-contentBlockItemInput .form-control.error-border {
    border-color: var(--msl-text-critical)
}

.npc-GreenBtn-contentBlockItemInput .input-group-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.npc-GreenBtn-contentBlockItemInput .input-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    text-align: left;
    text-transform: none
}

.npc-GreenBtn-contentBlockItemInput .input-group-btn {
    vertical-align: top
}

.npc-GreenBtn-contentBlockItemInput .error-message {
    color: var(--msl-text-critical);
    text-align: left
}

@media (min-width: 650px) {
    .npc-GreenBtn-contentBlockItemInput .error-message {
        margin-top:var(--msl-spacing-100)
    }
}

@media screen and (max-width: 649px) {
    .npc-GreenBtn-contentBlockItemInput .input-group {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .npc-GreenBtn-contentBlockItemInput .input-group input {
        border-bottom-right-radius: 10px!important;
        border-top-right-radius: 10px!important;
        margin-bottom: var(--msl-spacing-100)
    }
}

.npc-GreenBtn-contentBlockItemNumber {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    color: #009c8c
}

.npc-GreenBtn-contentBlockItemNumber .Arcep {
    margin-top: var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItem--minH {
    min-height: 60px
}

.npc-GreenBtn-contentBlockItemBody {
    padding: 25px 30px;
    text-align: left
}

.npc-GreenBtn-contentBlockItemBody .npc-OutputMsg--opposition>p:last-child {
    margin-bottom: var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItemBody--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center
}

.npc-GreenBtn-contentBlockItem--noMarg {
    margin: var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItemBody--item {
    margin: var(--msl-spacing-00)!important
}

@media screen and (max-width: 649px) {
    .npc-GreenBtn-contentBlockItemBody--item:first-child {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

.npc-GreenBtn-contentBlockItemSpan {
    color: #007461
}

@media screen and (max-width: 649px) {
    .npc-GreenBtn-contentBlockItemSpan {
        display:block
    }
}

#masquerMoreInfo .npc-GreenBtn-contentBlockItemLink {
    margin: auto;
    margin-top: var(--msl-spacing-400);
    text-decoration: underline
}

.npc-GreenBtn-contentBlockItemHeader {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0);
    background-color: #004652;
    padding: 25px 30px
}

.npc-GreenBtn-contentBlockItemTitle--leftWhite {
    text-align: left;
    color: var(--msl-artwork-grey-0);
    margin-bottom: var(--msl-spacing-00);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItemTitle--green {
    color: #308276;
    margin-bottom: 10px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-GreenBtn-contentBlockItemText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900);
    margin: 20px var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItemText--black {
    margin-top: 15px;
    margin-bottom: 25px
}

.npc-CardAgencyFunc-title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-900)
}

.npc-CardAgencyFunc-address {
    margin: 15px var(--msl-spacing-00) 25px;
    color: var(--msl-artwork-grey-900)
}

.npc-CardAgencyFunc-line {
    margin: var(--msl-spacing-00);
    color: var(--msl-artwork-grey-900)
}

.npc-CardAgencyFunc-label {
    font-weight: var(--msl-fontWeight-400)
}

.npc-CardAgencyFunc-days {
    list-style: none;
    margin: 15px var(--msl-spacing-00) var(--msl-spacing-00);
    padding: var(--msl-spacing-00)
}

.npc-CardAgencyFunc-day {
    padding-bottom: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ecedf0;
    height: 37px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-CardAgencyFunc-day--closed>span {
    color: var(--msl-functionnal-danger-100)
}

.npc-flex-container>ul {
    padding: var(--msl-spacing-00);
    margin: var(--msl-spacing-00);
    width: 50%;
    margin-right: 20px
}

@media screen and (max-width: 649px) {
    .npc-flex-container>ul {
        width:100%
    }

    .npc-flex-container {
        display: unset
    }
}

.npc-bv-crenau {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: var(--msl-spacing-100)
}

.npc-bv-crenau .form-group {
    width: 100%
}

.npc-bv-crenau .input-field ::before {
    color: #004652
}

.npc-bv-crenau .form-control:active,.npc-bv-crenau .form-control:focus,.npc-bv-crenau .form-control:hover {
    border-color: #009c8c
}

@media screen and (max-width: 649px) {
    .npc-bv-crenau {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.npc-CardAgencyFunc-infos {
    margin-top: 20px;
    font-style: normal;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700)
}

.npc-CardAgencyFund-dayName {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-CardAgencyFund-dayName-Today {
    font-weight: var(--msl-fontWeight-700)
}

.npcCardAgencyFund-dayName-Otherday {
    color: var(--msl-artwork-grey-600)
}

.npc-CardAgencyFund-dayOpening {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-1000)
}

.npc-CardAgencyFunc-list {
    padding: 10px;
    font-weight: var(--msl-fontWeight-400)
}

.npc-ServiceList {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.npc-ServiceList>ul {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.npc-CardAgencyFunc-list>li {
    margin-right: 30px
}

.npc-GreenBtn-contentBlockItemLink {
    color: #308276;
    cursor: pointer;
    white-space: nowrap
}

.npc-GreenBtn-contentBlockItemLink:active,.npc-GreenBtn-contentBlockItemLink:focus,.npc-GreenBtn-contentBlockItemLink:focus-visible,.npc-GreenBtn-contentBlockItemLink:hover {
    color: #075144
}

.npc-GreenBtn-contentBlockItem--noPad {
    padding: var(--msl-spacing-00);
    width: 100%
}

.npc-GreenBtn-callbackFormRequiredField {
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 20px
}

.npc-GreenBtn-callbackFormRequiredField::before {
    content: '* ';
    color: var(--msl-functionnal-danger-100)
}

.npc-GreenBtn-callbackFormLabel {
    padding-left: 15px;
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    margin-bottom: 5px
}

.npc-GreenBtn-callbackFormWrapper {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.npc-GreenBtn-margin-bloc {
    margin-bottom: var(--msl-spacing-300)
}

.npc-GreenBtn-callbackFormContent {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-900);
    text-align: left;
    padding: 20px
}

.npc-GreenBtn-callbackFormContent .npc-OutputMsg--opposition>p:last-child {
    margin-bottom: var(--msl-spacing-00)
}

.npc-OutputMsg--noBcgColor {
    background-color: transparent
}

.npc-OutputMsg--opposition {
    margin: var(--msl-spacing-00);
    padding: var(--msl-spacing-00);
    text-align: justify
}

.npc-GreenBtn-contentBlockItemTextarea {
    height: 120px;
    width: 100%;
    resize: none
}

.npc-GreenBtn-callbackLaterFooterFormLink {
    padding-bottom: 10px
}

.npc-GreenBtn-callbackLaterFooterFormLink,.npc-GreenBtn-callbackLaterFooterFormLink:active,.npc-GreenBtn-callbackLaterFooterFormLink:focus,.npc-GreenBtn-callbackLaterFooterFormLink:hover {
    color: var(--msl-artwork-grey-0)
}

.npc-GreenBtn-callbackLaterFooter {
    width: 100%;
    text-align: left
}

.npc-GreenBtn-callbackLaterFooter checkbox-input::after,.npc-GreenBtn-callbackLaterFooter label::before {
    background-color: var(--msl-artwork-grey-0);
    border-color: var(--msl-artwork-grey-0)
}

.npc-GreenBtn-callbackFormLabel--lowerCase {
    text-transform: none;
    font-weight: var(--msl-fontWeight-600)!important;
    color: var(--msl-artwork-grey-0)
}

.npc-bv-Captcha-calcul--whiteText {
    color: var(--msl-artwork-grey-0)!important
}

.npc-bv-Captcha-calcul--whiteText .Captcha-calcul,.npc-bv-Captcha-calcul--whiteText .Captcha-title {
    color: var(--msl-artwork-grey-0)!important
}

.npc-bv-center-button {
    margin: auto;
    margin-top: 20px
}

.npc-GreenBtn-callbackHomeContentDemand {
    margin: var(--msl-spacing-00) var(--msl-spacing-00) 20px
}

.npc-GreenBtn-callbackHomeContentDemandTitle {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    padding-bottom: 10px;
    color: var(--msl-artwork-grey-0);
    text-align: center
}

.npc-GreenBtn-callbackLaterFooterFormLabel {
    color: var(--msl-artwork-grey-0)
}

.npc-GreenBtn-callbackPara--noMarginBot {
    margin-bottom: var(--msl-spacing-00)
}

.npc-GreenBtn-contentBlockItemMessage {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-24);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0);
    margin-bottom: 20px
}

.npc-feedback-message {
    margin-top: 250px;
    text-align: center
}

.npc-GreenBtn-contentBlockItemTitle--fw {
    font-weight: var(--msl-fontWeight-400);
    font-size: var(--msl-fontSize-24);
    color: var(--msl-artwork-grey-0)
}

.npc-GreenBtn-contentBlockItemBack {
    display: block;
    margin-top: 80px
}

.npc-GreenBtn-contentInfo--fsMB {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-GreenBtn-contentInfo--aLNpl {
    padding-left: var(--msl-spacing-00);
    font-size: var(--msl-fontSize-14);
    color: var(--msl-artwork-grey-0)
}

.npc-GreenBtn-contentBlockItem--brandContact {
    background-color: #308276
}

.npc-GreenBtn-contentBlockItemBackLink,.npc-GreenBtn-contentBlockItemBackLink:active,.npc-GreenBtn-contentBlockItemBackLink:focus,.npc-GreenBtn-contentBlockItemBackLink:hover {
    color: var(--msl-artwork-grey-0)
}

.npc-StoreLocatorMap-near {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: var(--msl-fontSize-18);
    color: var(--msl-artwork-grey-0)
}

.npc-StoreLocatorMap-near span {
    margin-right: 5px
}

.npc-StoreLocatorMap-Filters {
    background-color: #004652;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-StoreLocatorMap-Filters .checkbox-label {
    color: var(--msl-artwork-grey-0)
}

.npc-StoreLocatorMap-Filters .checkbox-label:before {
    border-color: var(--msl-artwork-grey-0);
    background-color: var(--msl-artwork-grey-0)
}

.npc-StoreLocatorMap-Filters .checkbox-label:after {
    background: var(--msl-brand-primary)
}

@media screen and (max-width: 649px) {
    .npc-StoreLocatorMap-Filters {
        display:none
    }
}

.npc-bv-mentions-legales {
    color: var(--msl-artwork-grey-600);
    font-size: var(--msl-fontSize-12);
    margin-top: 5px
}

.npc-full-width {
    width: 100%
}

.npc-bv-selected {
    border-radius: var(--msl-borderRadius-150);
    color: var(--msl-artwork-grey-600);
    padding: var(--msl-spacing-150) var(--msl-spacing-500) var(--msl-spacing-150) var(--msl-spacing-200);
    height: -webkit-calc(20px + 12px + 12px);
    height: calc(20px + 12px + 12px);
    cursor: pointer
}

.npc-bv-selected:focus {
    outline: 0
}

.npc-bv-selectpicker .dropdown-menu ul {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    letter-spacing: var(--msl-spacing-00)
}

.npc-bv-selectpicker .dropdown-menu li.selected a {
    font-weight: var(--msl-fontWeight-600);
    color: #004652
}

.npc-bv-selectpicker .dropdown-menu li:focus,.npc-bv-selectpicker .dropdown-menu li:focus-visible,.npc-bv-selectpicker .dropdown-menu li:hover {
    background-color: var(--msl-artwork-grey-50);
    font-weight: var(--msl-fontWeight-600);
    color: #004652
}

.npc-bv-selectBox {
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-150);
    cursor: default;
    position: relative
}

.npc-bv-selectBox:hover {
    background-color: var(--msl-artwork-grey-100)
}

.npc-bv-selectBox::before {
    content: "";
    font-family: "NPC Icons crunchy R2503"!important;
    color: #004652;
    padding: var(--msl-spacing-00) var(--msl-spacing-00) 2px;
    position: absolute;
    right: var(--msl-spacing-200);
    top: var(--msl-borderRadius-200);
    pointer-events: none;
    line-height: 1
}

.npc-bv-selectBox.npc-arrowup:before {
    content: ""
}

.npc-bv-selectBox select {
    display: none
}

.npc-line {
    height: 2px;
    background: #004652;
    left: var(--msl-borderRadius-150);
    right: var(--msl-borderRadius-150);
    bottom: 0;
    position: absolute
}

.npc-bv-options {
    z-index: 99999;
    max-height: 600px;
    position: absolute;
    top: 100%;
    padding: 5px var(--msl-spacing-00);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    width: 100%;
    margin-top: 8px;
    box-shadow: var(--msl-spacing-00) var(--msl-spacing-50) var(--msl-spacing-200) var(--msl-artwork-grey-600);
    -webkit-box-shadow: var(--msl-spacing-00) var(--msl-spacing-50) var(--msl-spacing-200) var(--msl-artwork-grey-600);
    -moz-box-shadow: var(--msl-spacing-00) var(--msl-spacing-50) var(--msl-spacing-200) var(--msl-artwork-grey-600);
    border: var(--msl-spacing-00);
    border-radius: var(--msl-borderRadius-150);
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.npc-bv-options ul {
    position: relative;
    list-style-type: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    letter-spacing: var(--msl-spacing-00);
    text-align: left;
    padding: var(--msl-spacing-00);
    margin: var(--msl-spacing-00)
}

.npc-bv-options li {
    padding: var(--msl-spacing-100) 20px
}

.npc-bv-options li.active {
    font-weight: var(--msl-fontWeight-600);
    color: #004652
}

.npc-bv-options li.msl-select-focus,.npc-bv-options li:focus,.npc-bv-options li:hover {
    background-color: var(--msl-artwork-grey-50);
    font-weight: var(--msl-fontWeight-600);
    color: #004652;
    cursor: pointer
}

.npc-bouton-vert .npc-bv-combobox .dropdown-menu,.npc-bv-scrollbar {
    overflow: auto;
    background: var(--msl-artwork-grey-0)
}

.npc-bouton-vert .npc-bv-combobox .dropdown-menu::-webkit-scrollbar,.npc-bv-scrollbar::-webkit-scrollbar {
    width: var(--msl-spacing-50)
}

.npc-bouton-vert .npc-bv-combobox .dropdown-menu::-webkit-scrollbar-thumb,.npc-bv-scrollbar::-webkit-scrollbar-thumb {
    background-color: #004652;
    border-radius: var(--msl-spacing-500)
}

.npc-bouton-vert .npc-bv-combobox .dropdown-menu::-webkit-scrollbar-button,.npc-bv-scrollbar::-webkit-scrollbar-button {
    height: var(--msl-borderRadius-150)
}

.npc-requierd-input:after {
    content: '*';
    color: var(--msl-functionnal-danger-100);
    margin-left: var(--msl-spacing-50)
}

.npc-infos-identite {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.npc-infos-identite .form-group {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-right: var(--msl-spacing-100);
    min-width: 120px
}

@media screen and (max-width: 649px) {
    .npc-infos-identite {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.npc-infos-personels {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-infos-personels .form-group {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-right: var(--msl-spacing-100);
    min-width: 110px
}

@media screen and (max-width: 649px) {
    .npc-infos-personels {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.npc-infos-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-infos-tel .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-right: var(--msl-spacing-100);
    min-width: 110px
}

@media screen and (max-width: 989px) {
    .npc-infos-tel {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.npc-bv-combobox:not(.npc-msl-min-w-full) {
    width: -webkit-calc(258px * 2)!important;
    width: calc(258px * 2)!important;
    max-width: 90%!important
}

.npc-bv-combobox.npc-bv-select-sujet button.dropdown-toggle:focus,.npc-bv-combobox.npc-bv-select-sujet button.dropdown-toggle:focus-visible {
    outline-offset: 2px!important;
    outline-color: var(--msl-border-focusIndicator-reverse)!important
}

.npc-error-geolocalisation {
    color: var(--msl-functionnal-danger-100);
    margin-top: 20px
}

#WcbWidget .date,#bv-form .date {
    cursor: pointer
}

#WcbWidget .input-field-icon,#bv-form .input-field-icon {
    color: #004652!important;
    height: -webkit-calc(20px + 12px + 12px);
    height: calc(20px + 12px + 12px);
    line-height: -webkit-calc(20px + 12px + 12px)!important;
    line-height: calc(20px + 12px + 12px)!important
}

#WcbWidget textarea,#bv-form textarea {
    height: 120px!important;
    margin-bottom: -4px
}

#WcbWidget .checkbox,#bv-form .checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#WcbWidget .checkbox label,#bv-form .checkbox label {
    padding-left: var(--msl-spacing-100)
}

#WcbWidget .checkbox input[type=checkbox],#bv-form .checkbox input[type=checkbox] {
    margin-left: 0;
    margin-bottom: -2px;
    outline: 1px solid var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-50);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

#WcbWidget .checkbox input[type=checkbox]::before,#bv-form .checkbox input[type=checkbox]::before {
    content: "";
    display: block;
    width: 15px;
    height: 16px;
    margin-top: 0;
    margin-right: 0;
    border: unset;
    border-radius: var(--msl-borderRadius-50);
    background-color: var(--msl-artwork-grey-50)
}

#WcbWidget .checkbox input[type=checkbox]::after,#bv-form .checkbox input[type=checkbox]::after {
    content: unset
}

#WcbWidget .checkbox input[type=checkbox]:focus,#bv-form .checkbox input[type=checkbox]:focus {
    outline: 1px solid var(--msl-artwork-grey-0);
    outline-offset: 0
}

#WcbWidget .checkbox input[type=checkbox]:focus::after,#bv-form .checkbox input[type=checkbox]:focus::after {
    top: -3px!important;
    width: unset;
    height: unset;
    margin-right: 0
}

#WcbWidget .checkbox input[type=checkbox]:checked::before,#bv-form .checkbox input[type=checkbox]:checked::before {
    -webkit-transform: unset;
    transform: unset;
    position: unset;
    top: unset;
    left: unset;
    background-color: #004652;
    border: 5px solid var(--msl-artwork-grey-50)
}

#WcbWidget .checkbox input[type=checkbox]:focus::after,#bv-form .checkbox input[type=checkbox]:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-75);
    border: 2px solid var(--msl-artwork-grey-0);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

#WcbWidget input[type=date],#bv-form input[type=date] {
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-150);
    cursor: text;
    position: relative;
    border: 2px solid transparent;
    padding: var(--msl-spacing-150) var(--msl-spacing-200) var(--msl-spacing-150) var(--msl-spacing-200);
    line-height: var(--msl-spacing-150);
    height: -webkit-calc(20px + 12px + 12px);
    height: calc(20px + 12px + 12px)
}

#WcbWidget input:not([type=checkbox]):not([type=date]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio),#WcbWidget textarea,#bv-form input:not([type=checkbox]):not([type=date]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio),#bv-form textarea {
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-150);
    cursor: text;
    position: relative;
    border: 2px solid transparent;
    padding: var(--msl-spacing-150) var(--msl-spacing-500) var(--msl-spacing-150) var(--msl-spacing-200);
    height: -webkit-calc(20px + 12px + 12px);
    height: calc(20px + 12px + 12px)
}

#WcbWidget input:not([type=checkbox]):not([type=date]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus,#WcbWidget input:not([type=checkbox]):not([type=date]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):hover,#WcbWidget textarea:focus,#WcbWidget textarea:hover,#bv-form input:not([type=checkbox]):not([type=date]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus,#bv-form input:not([type=checkbox]):not([type=date]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):hover,#bv-form textarea:focus,#bv-form textarea:hover {
    background-color: var(--msl-artwork-grey-100)
}

#WcbWidget .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio),#WcbWidget .has-error .input-field textarea,#bv-form .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio),#bv-form .has-error .input-field textarea {
    border: 2px solid var(--msl-functionnal-danger-100)
}

#WcbWidget .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus,#WcbWidget .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus-visible,#WcbWidget .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus-within,#WcbWidget .has-error .input-field textarea:focus,#WcbWidget .has-error .input-field textarea:focus-visible,#WcbWidget .has-error .input-field textarea:focus-within,#bv-form .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus,#bv-form .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus-visible,#bv-form .has-error .input-field input:not([type=checkbox]):not(#WcbWidget-ContentHome-CallbackForm-Date-NowRadio):not(#WcbWidget-ContentHome-CallbackForm-Date-LaterRadio):focus-within,#bv-form .has-error .input-field textarea:focus,#bv-form .has-error .input-field textarea:focus-visible,#bv-form .has-error .input-field textarea:focus-within {
    border-color: transparent
}

#WcbWidget .has-error .input-field:focus-within::after,#bv-form .has-error .input-field:focus-within::after {
    background: var(--msl-functionnal-danger-100);
    bottom: 21px!important
}

#WcbWidget a:not(#checkboxMentionLegale):not([role=option]):not(#WcbWidget-ContentHome-CallbackFooter-Notice-Link),#bv-form a:not(#checkboxMentionLegale):not([role=option]):not(#WcbWidget-ContentHome-CallbackFooter-Notice-Link) {
    color: #007461
}

#WcbWidget form#WcbWidget-ContentHome-CallbackLater input:not([type=checkbox]),#WcbWidget form#WcbWidget-ContentHome-CallbackLater textarea,#bv-form form#WcbWidget-ContentHome-CallbackLater input:not([type=checkbox]),#bv-form form#WcbWidget-ContentHome-CallbackLater textarea {
    color: var(--msl-artwork-grey-1000)!important
}

#WcbWidget form#WcbWidget-ContentHome-CallbackLater .has-error .input-field::after,#bv-form form#WcbWidget-ContentHome-CallbackLater .has-error .input-field::after {
    bottom: 0!important
}

#WcbWidget form#WcbWidget-ContentHome-CallbackLater .has-error .input-field:focus-within::after,#bv-form form#WcbWidget-ContentHome-CallbackLater .has-error .input-field:focus-within::after {
    bottom: 0!important
}

#WcbWidget form#WcbWidget-ContentHome-CallbackLater a,#bv-form form#WcbWidget-ContentHome-CallbackLater a {
    color: var(--msl-artwork-grey-900)!important
}

@media screen and (min-width: 649px) {
    .npc-GreenBtn-contentBlockItemInput .input-group {
        width:100%
    }
}

@media screen and (max-width: 989px) {
    .npc-GreenBtn-contentBlockItemInput .input-group {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        justify-content: center;
        gap: 20px
    }

    .npc-GreenBtn-contentBlockItemInput .input-group .input-group-btn {
        width: auto
    }

    .npc-GreenBtn-contentBlockItemInput .input-group .input-group-btn .npc-bv-valider-btn {
        position: relative
    }
}

.pac-container {
    z-index: 10000
}

.npc-bv-cr {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 -webkit-calc((100% - 2 * (248px + (var(--msl-spacing-100) * 2)))/ 2);
    padding: 0 calc((100% - 2 * (248px + (var(--msl-spacing-100) * 2)))/ 2)
}

.npc-bv-cr .Card+.Card {
    border-top: unset
}

.npc-bv-cr .npc-bv-cr--card {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    font-size: var(--msl-fontSize-16);
    border: 0;
    height: 152px;
    width: 248px;
    margin: var(--msl-spacing-100);
    padding: var(--msl-spacing-300)
}

.npc-bv-cr .npc-bv-cr--card.npc-bv-cr-card--closed {
    opacity: .4
}

.npc-bv-cr .npc-bv-cr--card:active,.npc-bv-cr .npc-bv-cr--card:focus,.npc-bv-cr .npc-bv-cr--card:hover {
    background-color: #004652;
    outline-style: solid;
    outline-offset: 2px;
    outline-color: #004652;
    outline-width: 2px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.npc-bv-cr .npc-bv-cr--card:active .icon,.npc-bv-cr .npc-bv-cr--card:active .npc-bv-cr-card--desc,.npc-bv-cr .npc-bv-cr--card:active .npc-bv-cr-card--title,.npc-bv-cr .npc-bv-cr--card:focus .icon,.npc-bv-cr .npc-bv-cr--card:focus .npc-bv-cr-card--desc,.npc-bv-cr .npc-bv-cr--card:focus .npc-bv-cr-card--title,.npc-bv-cr .npc-bv-cr--card:hover .icon,.npc-bv-cr .npc-bv-cr--card:hover .npc-bv-cr-card--desc,.npc-bv-cr .npc-bv-cr--card:hover .npc-bv-cr-card--title {
    color: var(--msl-artwork-grey-0)
}

.npc-bv-cr .npc-bv-cr--card .npc-bv-cr-card--title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: #004652;
    font-weight: var(--msl-fontWeight-600)
}

.npc-bv-cr .npc-bv-cr--card .npc-bv-cr-card--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.npc-bv-cr .npc-bv-cr--card .icon {
    font-size: 32px;
    color: #004652
}

.npc-bv-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: var(--msl-artwork-grey-0);
    background-color: #007461;
    padding: var(--msl-spacing-400) var(--msl-spacing-500)
}

.npc-bv-header .npc-bv-h-c-left--connecte,.npc-bv-header .npc-bv-h-c-right--connecte,.npc-bv-header .npc-bv-h-content--left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: var(--msl-spacing-50)
}

.npc-bv-header .npc-bv-h-c-left--connecte .npc-bv-h-c-left--title,.npc-bv-header .npc-bv-h-c-right--connecte .npc-bv-h-c-left--title,.npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-left--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-bv-header .npc-bv-h-c-left--connecte .npc-bv-h-c-left--desc-m,.npc-bv-header .npc-bv-h-c-right--connecte .npc-bv-h-c-left--desc-m,.npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-left--desc-m {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-bv-header .npc-bv-h-c-left--connecte .npc-bv-h-c-left--desc-l,.npc-bv-header .npc-bv-h-c-right--connecte .npc-bv-h-c-left--desc-l,.npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-left--desc-l {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-bv-header .npc-bv-h-c-left--connecte a.npc-bv-h-c-left--desc-l,.npc-bv-header .npc-bv-h-c-right--connecte a.npc-bv-h-c-left--desc-l,.npc-bv-header .npc-bv-h-content--left a.npc-bv-h-c-left--desc-l {
    color: var(--msl-artwork-grey-0)
}

.npc-bv-header .npc-bv-h-c-left--connecte a.npc-bv-h-c-left--desc-l,.npc-bv-header .npc-bv-h-c-left--connecte a.npc-bv-h-c-left--desc-l:active,.npc-bv-header .npc-bv-h-c-left--connecte a.npc-bv-h-c-left--desc-l:focus,.npc-bv-header .npc-bv-h-c-left--connecte a.npc-bv-h-c-left--desc-l:hover,.npc-bv-header .npc-bv-h-c-right--connecte a.npc-bv-h-c-left--desc-l,.npc-bv-header .npc-bv-h-c-right--connecte a.npc-bv-h-c-left--desc-l:active,.npc-bv-header .npc-bv-h-c-right--connecte a.npc-bv-h-c-left--desc-l:focus,.npc-bv-header .npc-bv-h-c-right--connecte a.npc-bv-h-c-left--desc-l:hover,.npc-bv-header .npc-bv-h-content--left a.npc-bv-h-c-left--desc-l,.npc-bv-header .npc-bv-h-content--left a.npc-bv-h-c-left--desc-l:active,.npc-bv-header .npc-bv-h-content--left a.npc-bv-h-c-left--desc-l:focus,.npc-bv-header .npc-bv-h-content--left a.npc-bv-h-c-left--desc-l:hover {
    text-decoration: none
}

.npc-bv-header .npc-bv-h-c-left--connecte .npc-bv-h-c-left--desc-s,.npc-bv-header .npc-bv-h-c-left--connecte .npc-bv-h-c-right--desc-s,.npc-bv-header .npc-bv-h-c-right--connecte .npc-bv-h-c-left--desc-s,.npc-bv-header .npc-bv-h-c-right--connecte .npc-bv-h-c-right--desc-s,.npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-left--desc-s,.npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-right--desc-s {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.npc-bv-header .npc-bv-h-c-left--connecte .npc-bv-h-c-left--subTitle,.npc-bv-header .npc-bv-h-c-right--connecte .npc-bv-h-c-left--subTitle,.npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-left--subTitle {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-bv-header .npc-bv-h-c-left--connecte {
    border-left: solid;
    border-radius: var(--msl-spacing-50);
    padding-left: var(--msl-spacing-200);
    gap: var(--msl-spacing-00)
}

@media (min-width: 989px) and (max-width:1169px) {
    .npc-bv-header .npc-bv-h-c-right--connecte>.npc-bv-h-c-right--desc-s {
        display:none!important
    }
}

@media (max-width: 650px) {
    .npc-bv-header {
        padding:var(--msl-spacing-300) var(--msl-spacing-200);
        gap: var(--msl-spacing-100)
    }

    .npc-bv-header .npc-msl-button i {
        display: none
    }

    .npc-bv-header .npc-msl-button .npc-bv-h-c-left--desc-l {
        white-space: pre
    }

    .npc-bv-header .npc-bv-h-c-right--connecte>.npc-bv-h-c-right--desc-s {
        display: none!important
    }

    .npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-left--title {
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }

    .npc-bv-header .npc-bv-h-content--left .npc-bv-h-c-left--desc-l {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

.npc-storeLocator-structure {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: left;
    margin: auto;
    max-width: 1000px;
    padding-left: var(--msl-spacing-50);
    padding-right: var(--msl-spacing-50)
}

.npc-storeLocator-structure .Breadcrumb {
    margin: 0!important;
    margin-top: var(--msl-spacing-300)!important
}

.npc-storeLocator-structure .Card:hover {
    -webkit-transform: none;
    transform: none;
    box-shadow: var(--msl-boxShadow-s);
    -webkit-transform: translateY(0)
}

.npc-storeLocator-structure .card-secondary {
    padding: var(--msl-spacing-300);
    margin: var(--msl-spacing-00);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: var(--msl-spacing-400)
}

.npc-storeLocator-structure .card-secondary .npc-msl-rounded-icon {
    border-radius: 30%
}

.npc-storeLocator-structure .card-secondary .card-secondary-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-100)
}

.npc-sl-strct-header-titre {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding-top: var(--msl-spacing-100);
    padding-bottom: var(--msl-spacing-100);
    margin-top: var(--msl-spacing-300);
    margin-bottom: var(--msl-spacing-300);
    border-bottom: 2px solid var(--msl-artwork-grey-50)
}

.npc-sl-strct-header-titre .npc-sl-strct-header-titre-ca {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase
}

.npc-sl-strct-header-titre .npc-sl-strct-header--modifiermarecherche {
    display: block
}

@media (max-width: 649px) {
    .npc-sl-strct-header-titre .npc-sl-strct-header--modifiermarecherche {
        display:none
    }
}

.npc-sl-strct-header-titre .npc-sl-strct-header--retouralacarte {
    display: none
}

@media (max-width: 649px) {
    .npc-sl-strct-header-titre .npc-sl-strct-header--retouralacarte {
        display:block
    }
}

.npc-sl-strct-infos-ctct {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    box-shadow: var(--msl-boxShadow-m);
    border-radius: 20px;
    padding: var(--msl-spacing-200)
}

@media (max-width: 649px) {
    .npc-sl-strct-infos-ctct {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-image {
    margin-right: var(--msl-spacing-400);
    margin-bottom: var(--msl-spacing-300);
    height: 233px;
    text-align: center;
    padding: 0!important
}

@media (min-width: 420px) {
    .npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-image {
        width:254px
    }
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    gap: var(--msl-spacing-100);
    color: var(--msl-artwork-grey-600)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text h1 {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: var(--msl-spacing-50);
    margin-bottom: var(--msl-spacing-100);
    color: var(--msl-artwork-grey-1000);
    text-transform: none
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-adresse {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-300);
    color: var(--msl-artwork-grey-1000)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-adresse p {
    margin-bottom: var(--msl-spacing-00)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-ouverture {
    margin-bottom: var(--msl-spacing-200);
    font-weight: var(--msl-fontWeight-600);
    line-height: var(--msl-spacing-300);
    gap: var(--msl-spacing-100)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-ouverture .npc-sl-strct-infos-ctct-dot {
    margin-right: var(--msl-spacing-100);
    margin-bottom: 1px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-ouverture-opened {
    margin-bottom: var(--msl-spacing-50);
    color: var(--msl-functionnal-success-100)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-ouverture-opened .npc-sl-strct-infos-ctct-dot {
    background-color: var(--msl-functionnal-success-100)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-ouverture-closed {
    margin-bottom: var(--msl-spacing-50);
    color: var(--msl-functionnal-danger-100)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-ouverture-closed .npc-sl-strct-infos-ctct-dot {
    background-color: var(--msl-functionnal-danger-100)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-horaire {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    gap: var(--msl-spacing-100) var(--msl-spacing-300)
}

@media (max-width: 649px) {
    .npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-actions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        flex-flow: column
    }
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-actions .npc-sl-strct-infos-ctct-actions-fax {
    margin-left: var(--msl-spacing-50)
}

.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-actions span.sl_desktop,.npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-actions span.sl_mobile {
    display: none
}

@media (min-width: 650px) {
    .npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-actions span.sl_desktop {
        display:inline
    }
}

@media (max-width: 649px) {
    .npc-sl-strct-infos-ctct .npc-sl-strct-infos-ctct-text .npc-sl-strct-infos-ctct-actions span.sl_mobile {
        display:inline
    }
}

.npc-sl-strct-infos-ctct-ouverture {
    margin-bottom: var(--msl-spacing-200);
    font-weight: var(--msl-fontWeight-600);
    line-height: var(--msl-spacing-300);
    gap: var(--msl-spacing-100)
}

.npc-sl-strct-infos-ctct-ouverture .npc-sl-strct-infos-ctct-dot {
    margin-right: var(--msl-spacing-100);
    margin-bottom: 1px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block
}

.npc-sl-strct-infos-ctct-ouverture-opened {
    margin-bottom: var(--msl-spacing-50);
    color: var(--msl-functionnal-success-100)
}

.npc-sl-strct-infos-ctct-ouverture-opened .npc-sl-strct-infos-ctct-dot {
    background-color: var(--msl-functionnal-success-100)
}

.npc-sl-strct-infos-ctct-ouverture-closed {
    margin-bottom: var(--msl-spacing-50);
    color: var(--msl-functionnal-danger-100)
}

.npc-sl-strct-infos-ctct-ouverture-closed .npc-sl-strct-infos-ctct-dot {
    background-color: var(--msl-functionnal-danger-100)
}

.npc-sl-strct-srv-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 30%;
    -webkit-flex: 30%;
    flex: 30%;
    margin: var(--msl-spacing-100)
}

.npc-sl-strct-srv-card .npc-sl-strct-srv-card--icone::before {
    height: 80px;
    width: 80px
}

.npc-sl-strct-srv-card .npc-sl-strct-srv-card--text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    font-weight: var(--msl-fontWeight-700);
    padding: var(--msl-spacing-50);
    text-align: center;
    max-width: 180px
}

.npc-sl-strct-services {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    padding: 0;
    padding: var(--msl-spacing-100)
}

.npc-sl-strct-services .npc-sl-strct-srv-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

@media (max-width: 649px) {
    .npc-sl-strct-services .npc-sl-strct-srv-cards {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.npc-sl-strct-horairesMap {
    padding-top: var(--msl-spacing-200);
    padding-bottom: var(--msl-spacing-200);
    padding-left: var(--msl-spacing-50);
    padding-right: var(--msl-spacing-50);
    margin-top: var(--msl-spacing-200);
    margin-bottom: var(--msl-spacing-50);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-column-gap: var(--msl-spacing-400);
    -moz-column-gap: var(--msl-spacing-400);
    column-gap: var(--msl-spacing-400)
}

@media (max-width: 1169px) {
    .npc-sl-strct-horairesMap {
        padding-top:var(--msl-spacing-50);
        padding-bottom: var(--msl-spacing-50)
    }
}

@media (max-width: 1169px) {
    .npc-sl-strct-horairesMap {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    height: auto;
    width: 100%;
    gap: var(--msl-spacing-100)
}

@media (max-width: 1169px) {
    .npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales {
        margin-top:var(--msl-spacing-100);
        margin-bottom: var(--msl-spacing-100)
    }
}

.npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales .Card {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales .npc-sl-strct-map {
    min-height: 220px;
    height: -webkit-fill-available;
    width: 100%;
    margin-top: var(--msl-spacing-100)
}

.npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales .npc-sl-strct-map.Card {
    width: 100%!important
}

.npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales .npc-sl-strct-infos-legales {
    margin-top: var(--msl-spacing-50);
    margin-bottom: var(--msl-spacing-50);
    padding: var(--msl-spacing-00);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600);
    text-align: justify
}

.npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales .npc-sl-strct-infos-legales p {
    margin-bottom: var(--msl-spacing-00)
}

.npc-sl-strct-horairesMap .npc-sl-strct-mapInfosLegales .npc-sl-strct-infos-legales a {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.npc-sl-strct-horairesBv {
    min-width: unset!important;
    max-width: unset!important
}

@media (min-width: 1170px) {
    .npc-sl-strct-horairesBv .ficheAgence-jours-bv {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        -webkit-column-gap: var(--msl-spacing-300);
        -moz-column-gap: var(--msl-spacing-300);
        column-gap: var(--msl-spacing-300)
    }

    .npc-sl-strct-horairesBv .ficheAgence-jours-bv li:first-child {
        grid-column: 1;
        grid-row: 1
    }

    .npc-sl-strct-horairesBv .ficheAgence-jours-bv li:nth-child(2) {
        grid-row: 2;
        grid-column: 1
    }

    .npc-sl-strct-horairesBv .ficheAgence-jours-bv li:nth-child(3) {
        grid-column: 1;
        grid-row: 3
    }

    .npc-sl-strct-horairesBv .ficheAgence-jours-bv li:nth-child(4) {
        grid-column: 1;
        grid-row: 4
    }

    .npc-sl-strct-horairesBv .ficheAgence-jours-bv li:nth-child(5) {
        grid-column: 2;
        grid-row: 1
    }

    .npc-sl-strct-horairesBv .ficheAgence-jours-bv li:nth-child(6) {
        grid-column: 2;
        grid-row: 2
    }

    .npc-sl-strct-horairesBv .ficheAgence-jours-bv li:nth-child(7) {
        grid-column: 2;
        grid-row: 3
    }
}

.npc-sl-strct-horaires {
    margin-top: var(--msl-spacing-100);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    min-width: 270px;
    max-width: 320px
}

@media (max-width: 1169px) {
    .npc-sl-strct-horaires {
        width:100%;
        max-width: none;
        margin-top: var(--msl-spacing-00)
    }
}

.npc-sl-strct-horaires h3 {
    margin-top: var(--msl-spacing-00);
    margin-left: var(--msl-spacing-00)
}

.npc-sl-strct-horaires .npc-sl-strct-horaires--24h {
    margin-top: var(--msl-spacing-300)
}

@media (max-width: 1169px) {
    .npc-sl-strct-horaires .npc-sl-strct-horaires--24h {
        margin-top:10%
    }
}

.npc-sl-strct-horaires .npc-sl-strct-horaires--24h p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-sl-strct-horaires ul {
    list-style: none
}

.npc-sl-strct-horaires ul li {
    padding-top: var(--msl-spacing-50);
    padding-bottom: var(--msl-spacing-50);
    padding-left: var(--msl-spacing-00);
    padding-right: var(--msl-spacing-00);
    font-weight: var(--msl-fontWeight-600)
}

.npc-sl-strct-horaires .ficheAgence-jours {
    padding: 0
}

.npc-sl-strct-horaires .ficheAgence-jours .ficheAgence-planning {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    border-bottom: 1px solid var(--msl-artwork-grey-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 40px
}

.npc-sl-strct-horaires .ficheAgence-jours .ficheAgence-planning .ficheAgence-jourInfos {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: end;
    align-items: end
}

.npc-sl-strct-horaires .ficheAgence-jours .ficheAgence-planning .ficheAgence-jourInfos.ficheAgence-aujourdhui {
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900)
}

.npc-sl-strct-horaires .ficheAgence-jours .ficheAgence-planning .ficheAgence-jourInfos .ficheAgence-jourHorairesOuverture {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-sl-strct-horaires .ficheAgence-jours .ficheAgence-planning .ficheAgence-jourInfos .ficheAgence-jourHorairesOuverture .ficheAgence-jourSeparateur {
    display: inline-block;
    border-right: 1px solid #000;
    height: 8px;
    margin: 0 var(--msl-spacing-50)
}

.npc-sl-strct-horaires .ficheAgence-jours .ficheAgence-planning .ficheAgence-jour .ficheAgence-aujourdhui {
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900)
}

.npc-sl-strct-horaires .ficheAgence-jours .ficheAgence-planning .ficheAgence-jour .ficheAgence-autreJour {
    color: var(--msl-artwork-grey-600)
}

.npc-sl-strct-horaires .npc-sl-strct-horaires-options {
    margin-bottom: var(--msl-spacing-00);
    padding: var(--msl-spacing-00)
}

.npc-sl-strct-horaires .legende-ficheAgence-sur-rendez-vous {
    color: var(--msl-text-success)
}

.npc-sl-strct-horaires .legende-ficheAgence-conseil-a-distance {
    color: var(--msl-text-info)
}

.npc-sl-strct-horaires .legende-ficheAgence-ferme-temporairement {
    color: var(--msl-text-critical)
}

.npc-sl-strct-horaires .ficheAgence-sur-rendez-vous {
    color: var(--msl-text-success);
    font-weight: var(--msl-fontWeight-600)
}

.npc-sl-strct-horaires .ficheAgence-sur-rendez-vous::after {
    content: "*"
}

.npc-sl-strct-horaires .ficheAgence-ferme-temporairement {
    color: var(--msl-text-critical);
    font-weight: var(--msl-fontWeight-600)
}

.npc-sl-strct-horaires .ficheAgence-ferme-temporairement::after {
    content: "**"
}

.npc-sl-strct-horaires .ficheAgence-conseil-a-distance {
    color: var(--msl-text-info);
    font-weight: var(--msl-fontWeight-600)
}

.npc-sl-strct-horaires .ficheAgence-conseil-a-distance::after {
    content: "***"
}

.npc-sl-strct-horaires .ficheAgence-infosComplementaires {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600);
    font-weight: var(--msl-fontWeight-600);
    text-align: justify
}

.npc-sl-strct-infos-ctct-text-nom {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    gap: var(--msl-spacing-100);
    color: var(--msl-artwork-grey-600)
}

.npc-sl-strct-infos-ctct-text-nom h1 {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-1000);
    text-transform: none;
    margin-top: var(--msl-spacing-50);
    margin-bottom: var(--msl-spacing-200)
}

.npc-sl-strct-infos-ctct-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    gap: var(--msl-spacing-100) var(--msl-spacing-300)
}

@media (max-width: 649px) {
    .npc-sl-strct-infos-ctct-actions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        flex-flow: column
    }
}

.npc-sl-strct-infos-ctct-actions .npc-sl-strct-infos-ctct-actions-fax {
    margin-left: var(--msl-spacing-50)
}

.npc-sl-strct-infos-ctct-actions .npc-sl-strct-infos-ctct-icons-underline {
    text-decoration: none!important
}

.npc-sl-strct-infos-ctct-actions span.sl_desktop,.npc-sl-strct-infos-ctct-actions span.sl_mobile {
    display: none
}

@media (min-width: 650px) {
    .npc-sl-strct-infos-ctct-actions span.sl_desktop {
        display:inline
    }
}

@media (max-width: 649px) {
    .npc-sl-strct-infos-ctct-actions span.sl_mobile {
        display:inline
    }
}

.npc-recherche_agence_details {
    margin-left: var(--msl-spacing-300);
    margin-right: var(--msl-spacing-100);
    margin-top: var(--msl-spacing-200)
}

.npc-recherche_agence_details_mail,.npc-recherche_agence_details_phone {
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0;
    margin-right: var(--msl-spacing-100)
}

.npc-recherche_agence_mail_container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: var(--msl-spacing-100);
    width: 200px
}

.npc-recherche_agence_mail_container .copy_button.icon:hover {
    color: var(--msl-bg-brand-primary)
}

.npc-recherche_agence_copy_message {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    position: absolute;
    z-index: 1;
    width: 100px;
    color: var(--msl-text-on-primary);
    border-radius: var(--msl-borderRadius-50);
    left: 50%;
    bottom: 105px
}

.npc-recherche_agence_copy_message.show {
    opacity: 1
}

.npc-recherche_agence_copy_message.show.success {
    background-color: var(--msl-bg-success);
    text-align: center
}

.npc-recherche_agence_copy_message.show.failed {
    background-color: var(--msl-bg-critical);
    text-align: center
}

.npc-recherche_agence_build_ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.npc-container-vignette {
    background: 0 0;
    padding: 48px var(--msl-spacing-00);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 120px
}

.npc-container-vignette .npc-container-vignette--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-400);
    width: 100%
}

.npc-container-vignette .npc-container-vignette--content>div:first-of-type {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    left: -webkit-calc(100% - 548px);
    left: calc(100% - 548px)
}

@media (max-width: 1169px) {
    .npc-container-vignette .npc-container-vignette--content>div:first-of-type {
        left:-webkit-calc((100% - 834px)/ 2);
        left: calc((100% - 834px)/ 2)
    }
}

@media (max-width: 989px) {
    .npc-container-vignette .npc-container-vignette--content>div:first-of-type {
        left:unset
    }
}

.npc-container-vignette .npc-container-vignette--content .npc-container-vignette-content--title {
    color: var(--msl-artwork-grey-900);
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: unset;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    width: 465px;
    margin: unset
}

@media (max-width: 989px) {
    .npc-container-vignette .npc-container-vignette--content .npc-container-vignette-content--title {
        left:unset;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }
}

.npc-container-vignette .npc-container-vignette--img {
    height: 380px;
    width: 453px
}

@media (max-width: 1169px) {
    .npc-container-vignette .npc-container-vignette--img {
        display:none
    }
}

.npc-hp-vignettes {
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 548px!important;
    margin-left: auto
}

@media (max-width: 1169px) {
    .npc-hp-vignettes {
        margin:auto;
        width: 834px!important
    }

    .npc-hp-vignettes .owl-nav {
        display: none
    }
}

@media (max-width: 989px) {
    .npc-hp-vignettes {
        width:280px!important
    }
}

.npc-hp-vignettes .npc-carousel-themeInner {
    margin-top: 0
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-item a {
    text-decoration: unset;
    box-shadow: unset!important
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav {
    content: ''
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev {
    width: 2.3rem;
    height: 2.3rem;
    position: absolute;
    bottom: 100%;
    display: block!important;
    border: 2px solid var(--msl-artwork-grey-600);
    background-color: var(--msl-artwork-grey-0);
    top: -70px
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next>span,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev>span {
    width: 100%;
    height: 100%
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next:focus-visible:after,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next:focus:after,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev:focus-visible:after,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev:focus:after {
    display: none
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next.disabled,.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev.disabled {
    cursor: not-allowed;
    background-color: var(--msl-artwork-grey-100);
    border-color: transparent
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next:not(.disabled):not(:disabled),.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev:not(.disabled):not(:disabled) {
    border: 2px solid var(--msl-artwork-grey-600)
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-prev {
    right: 50px;
    left: unset
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-nav .owl-next {
    right: 5px
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: var(--msl-bg-surface);
    padding: var(--msl-spacing-150);
    gap: var(--msl-spacing-100);
    margin: auto;
    margin-top: var(--msl-spacing-300);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--msl-borderRadius-200)
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-dots .owl-dot {
    border: solid 1px var(--msl-artwork-grey-600);
    border-radius: var(--msl-borderRadius-50);
    width: 8px;
    height: 8px;
    padding: unset;
    margin: unset;
    background-color: transparent
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-dots .owl-dot::before {
    content: unset
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-dots .owl-dot.active {
    width: 24px;
    background-color: var(--msl-bg-brand-primary);
    border-color: var(--msl-bg-brand-primary)
}

.npc-hp-vignettes .npc-carousel-themeInner .owl-dots .owl-dot:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

.npc-hp-vignettes .npc-hp-vignette {
    width: 262px;
    min-height: 320px;
    height: 100%;
    cursor: pointer
}

@media (max-width: 989px) {
    .npc-hp-vignettes .npc-hp-vignette {
        width:280px
    }
}

.npc-hp-vignettes .npc-hp-vignette.withBorder {
    min-width: unset;
    box-shadow: unset!important
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--img {
    height: 140px;
    margin-bottom: unset
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content {
    height: 100%
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content--details {
    padding-bottom: var(--msl-spacing-200)
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content-details--title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: unset!important;
    text-decoration: unset!important
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content-details--title a:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-200);
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content-details--desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: -webkit-calc(-var(--msl-spacing-100));
    margin-top:calc(-var(--msl-spacing-100));color: var(--msl-artwork-grey-700)
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer .npc-hp-vignette--thematiques {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-100);
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer .npc-hp-vignette--thematiques .npc-hp-vignette--thematique {
    border-radius: var(--msl-borderRadius-100);
    background-color: var(--msl-artwork-grey-50);
    color: var(--msl-artwork-grey-900);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--msl-spacing-100) var(--msl-spacing-200);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer .npc-hp-vignette--thematiques .npc-hp-vignette--thematique span {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer hr {
    margin-top: var(--msl-spacing-200);
    margin-bottom: var(--msl-spacing-200);
    width: 100%
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer .npc-hp-vignette--location {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.npc-hp-vignettes .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer .npc-hp-vignette--location span {
    margin-left: var(--msl-spacing-100)
}

.npc-hp--hero h1 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-600);
    text-transform: uppercase;
    margin: unset
}

@media (max-width: 649px) {
    .npc-hp--hero {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.npc-hp--hero .npc-hp-vignette {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: unset;
    min-width: unset
}

@media (max-width: 989px) {
    .npc-hp--hero .npc-hp-vignette {
        height:unset
    }
}

@media (max-width: 649px) {
    .npc-hp--hero .npc-hp-vignette {
        height:unset;
        width: 100%
    }
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--img {
    width: 50%;
    min-width: 320px;
    height: 290px
}

@media (max-width: 989px) {
    .npc-hp--hero .npc-hp-vignette .npc-vignette--img {
        width:100%!important;
        min-width: unset;
        margin-bottom: unset;
        max-height: 238px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 649px) {
    .npc-hp--hero .npc-hp-vignette .npc-vignette--img {
        max-height:177px
    }
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content {
    width: 50%
}

@media (max-width: 989px) {
    .npc-hp--hero .npc-hp-vignette .npc-vignette--content {
        width:100%
    }
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--details {
    gap: var(--msl-spacing-50)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--accroche {
    margin-bottom: var(--msl-spacing-50)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--exemple {
    margin-bottom: 20px;
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-400);
    font-family: var(--msl-fontFamily-body)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--details .npc-hp-vignette--mention {
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-400);
    font-family: var(--msl-fontFamily-body)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-50)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer .npc-hp-vignette--renvoi {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-hp--hero .npc-hp-vignette .npc-vignette--content .npc-vignette-content--footer a {
    margin-top: 20px
}

.npc-hp-urgence {
    background-color: #308276;
    color: var(--msl-artwork-grey-0);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-500) var(--msl-spacing-00);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-hp-urgence .npc-msl-button-primary--inverted,.npc-hp-urgence .vignette-client-action .card-secondary .npc-msl-button-primary,.npc-hp-urgence .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-msl-button-primary,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary .npc-hp-urgence .npc-msl-button-primary,.vignette-client-action .card-secondary .npc-hp-urgence .npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-msl-button-primary,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-msl-button-secondary--inverted {
    color: #007461
}

.npc-hp-urgence .npc-msl-button-primary--inverted:active,.npc-hp-urgence .npc-msl-button-primary--inverted:hover,.npc-hp-urgence .vignette-client-action .card-secondary .npc-msl-button-primary:active,.npc-hp-urgence .vignette-client-action .card-secondary .npc-msl-button-primary:hover,.npc-hp-urgence .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:active,.npc-hp-urgence .vignette-client-action .card-secondary .npc-msl-button-secondary--inverted:hover,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-msl-button-primary:active,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-msl-button-primary:hover,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:active,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-msl-button-secondary--inverted:hover,.vignette-client-action .card-secondary .npc-hp-urgence .npc-msl-button-primary:active,.vignette-client-action .card-secondary .npc-hp-urgence .npc-msl-button-primary:hover,.vignette-client-action .card-secondary .npc-hp-urgence .npc-msl-button-secondary--inverted:active,.vignette-client-action .card-secondary .npc-hp-urgence .npc-msl-button-secondary--inverted:hover,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-msl-button-primary:active,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-msl-button-primary:hover,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-msl-button-secondary--inverted:active,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-msl-button-secondary--inverted:hover {
    color: #075144
}

.npc-hp-urgence h1,.npc-hp-urgence h2,.npc-hp-urgence h3,.npc-hp-urgence p {
    margin-top: unset;
    margin-bottom: unset
}

@media (max-width: 989px) {
    .npc-hp-urgence {
        padding:var(--msl-spacing-500) var(--msl-spacing-300);
        gap: var(--msl-spacing-400);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .npc-hp-urgence .npc-hp-urgence--icon {
        display: none
    }
}

@media (min-width: 989px) {
    .npc-hp-urgence .npc-button-custom.npc-msl-button-primary--inverted,.npc-hp-urgence .vignette-client-action .card-secondary .npc-button-custom.npc-msl-button-primary,.npc-hp-urgence .vignette-client-action .card-secondary .npc-button-custom.npc-msl-button-secondary--inverted,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-button-custom.npc-msl-button-primary,.npc-hp-urgence .vignette-client-action .card-secondary-double .npc-button-custom.npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary .npc-hp-urgence .npc-button-custom.npc-msl-button-primary,.vignette-client-action .card-secondary .npc-hp-urgence .npc-button-custom.npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-button-custom.npc-msl-button-primary,.vignette-client-action .card-secondary-double .npc-hp-urgence .npc-button-custom.npc-msl-button-secondary--inverted {
        white-space:nowrap
    }

    .npc-hp-urgence .npc-hp-urgence--icon-mobile {
        display: none
    }
}

.npc-hp-urgence .npc-hp-urgence-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-hp-urgence .npc-hp-urgence--icon,.npc-hp-urgence .npc-hp-urgence--icon-mobile {
    font-size: 30px;
    height: 48px;
    padding: 9px;
    border-radius: 9px;
    background-color: var(--msl-artwork-grey-0);
    color: #004652;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-hp-urgence .npc-hp-urgence-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (max-width: 989px) {
    .npc-hp-urgence .npc-hp-urgence-container {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-self: stretch;
        align-self: stretch;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        gap: var(--msl-spacing-200)
    }
}

.npc-hp-urgence .npc-hp-urgence-container .npc-hp-urgence-container-icon-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200)
}

.npc-hp-urgence .npc-hp-urgence-container .npc-hp-urgence-container-icon-title .npc-hp-urgence--title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-hp-urgence .npc-hp-urgence-container .npc-hp-urgence--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-bg-contact {
    background-color: #308276
}

.npc-sn0-no-account-card {
    background-color: var(--msl-brand-secondary-400);
    padding: var(--msl-spacing-300) var(--msl-spacing-300);
    outline: 0
}

.npc-sn0-account {
    position: relative
}

.npc-sn0-account .npc-sn0-account-operation {
    text-decoration: unset;
    color: unset;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    padding: 0 10px;
    overflow: hidden;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    text-overflow: ellipsis
}

.npc-sn0-account a:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    border-radius: var(--msl-borderRadius-25)
}

.npc-sn1-produit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-100);
    position: relative;
    padding: var(--msl-spacing-200) 0;
    overflow: hidden
}

.npc-sn1-produit.separateur {
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

.npc-sn1-produit.first {
    padding-top: var(--msl-spacing-100)
}

.npc-sn1-produit .SynthesisAccount-actions {
    width: 100%
}

.npc-sn1-produit .npc-msl-link .npc-msl-progressbar-container {
    margin: 0
}

.npc-sn1-produit .npc-msl-link:focus,.npc-sn1-produit .npc-msl-link:hover {
    text-decoration: none;
    background-color: var(--msl-artwork-grey-100)
}

.npc-sn1-produit .npc-msl-link:focus .npc-msl-progressbar-container,.npc-sn1-produit .npc-msl-link:hover .npc-msl-progressbar-container {
    background: var(--msl-artwork-grey-0)
}

.npc-sn1-produit .npc-sn1-produit-principal {
    width: 100%;
    position: relative
}

.npc-sn1-produit .npc-sn1-produit-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding-right: var(--msl-spacing-500);
    padding-left: var(--msl-spacing-100)
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-desc {
        padding-right:0
    }
}

.npc-sn1-produit .npc-sn1-produit-lien {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    gap: var(--msl-spacing-100);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-lien {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.npc-sn1-produit .npc-sn1-produit-lien.column {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.npc-sn1-produit .npc-sn1-produit-titre-numero {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100);
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-titre-numero {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-titre-numero.margin {
        margin-top:-webkit-calc((var(--msl-spacing-400) + var(--msl-spacing-200)) * -1);
        margin-top: calc((var(--msl-spacing-400) + var(--msl-spacing-200)) * -1);
        margin-left: -webkit-calc(var(--msl-spacing-400) + var(--msl-spacing-200));
        margin-left: calc(var(--msl-spacing-400) + var(--msl-spacing-200))
    }
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-titre-numero.margin-favori {
        margin-top:-webkit-calc(var(--msl-spacing-500) * -1);
        margin-top: calc(var(--msl-spacing-500) * -1);
        margin-left: -webkit-calc(var(--msl-spacing-400) + var(--msl-spacing-200));
        margin-left: calc(var(--msl-spacing-400) + var(--msl-spacing-200))
    }
}

.npc-sn1-produit .npc-sn1-produit-numero {
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-700);
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.npc-sn1-produit .npc-sn1-produit-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-details {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-details.margin {
        margin-left:-webkit-calc(var(--msl-spacing-400) + var(--msl-spacing-200));
        margin-left: calc(var(--msl-spacing-400) + var(--msl-spacing-200))
    }
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-produit-valorisation {
    color: var(--msl-artwork-grey-700);
    font-weight: var(--msl-fontWeight-600)
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-produit-valorisation.negative {
    color: var(--msl-artwork-grey-900)
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-produit-valorisation.loader {
    content: ''
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-produit-valorisation.loader:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 4px;
    margin-right: 2.6em;
    border-radius: 50%;
    background-color: var(--msl-brand-primary);
    box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-primary);
    -webkit-animation: .75s linear infinite alternate loaderDots;
    animation: .75s linear infinite alternate loaderDots
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-produit-notif {
    color: var(--msl-artwork-grey-700);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    text-align: right
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-description-ligne {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-50);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-description-ligne.droite {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    justify-content: end
}

.npc-sn1-produit .npc-sn1-produit-details .npc-sn1-description-ligne.droite div {
    text-align: right
}

.npc-sn1-produit .npc-sn1-produit-options {
    white-space: nowrap;
    margin-left: var(--msl-spacing-400)
}

.npc-sn1-produit .npc-sn1-produit-menu {
    position: absolute;
    right: var(--msl-spacing-500);
    background: var(--msl-brand-primary);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-sn1-produit .npc-sn1-produit-resume {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.npc-sn1-produit .npc-sn1-produit-meteo {
    width: 100%;
    gap: var(--msl-spacing-200);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.npc-sn1-produit .npc-sn1-produit-meteo.npc-msl-link {
    color: var(--msl-artwork-grey-700)
}

.npc-sn1-produit .npc-sn1-produit-meteo.npc-msl-link .icon {
    color: var(--msl-artwork-grey-700)
}

.npc-sn1-produit .npc-sn1-produit-meteo.npc-msl-link:active,.npc-sn1-produit .npc-sn1-produit-meteo.npc-msl-link:focus,.npc-sn1-produit .npc-sn1-produit-meteo.npc-msl-link:hover {
    color: var(--msl-artwork-grey-700)
}

@media (max-width: 649px) {
    .npc-sn1-produit .npc-sn1-produit-meteo {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.npc-sn1-liste-produit {
    position: relative;
    background: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-m);
    border-radius: var(--msl-borderRadius-200);
    margin-top: var(--msl-spacing-200);
    padding: var(--msl-spacing-200) var(--msl-spacing-300)
}

.npc-sn1-groupe-name {
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-600)
}

.npc-sn1-font-weight-500 {
    font-weight: var(--msl-fontWeight-600)
}

.npc-sn1-solde-description.right {
    text-align: right
}

.npc-sn1-solde-description .npc-sn1-solde {
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.npc-sn1-solde-description .npc-sn1-description {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-sn1-billet-financier {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-100) var(--msl-spacing-200);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    border-radius: 10px;
    background: var(--msl-artwork-grey-50)
}

@media (max-width: 649px) {
    .npc-sn1-billet-financier {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-100)
    }
}

.npc-sn1-billet-financier .npc-sn1-bf-titre {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-50)
}

@media (max-width: 649px) {
    .npc-sn1-billet-financier .npc-sn1-bf-titre {
        -webkit-box-align:center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

.npc-sn1-billet-financier .npc-sn1-bf-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-50)
}

.npc-sn1-billet-financier .npc-sn1-bf-description .npc-sn1-bf-description-ligne {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-50)
}

.npc-sn1-simulateur {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: var(--msl-brand-secondary-500);
    border-radius: var(--msl-borderRadius-100);
    color: var(--msl-artwork-grey-0);
    overflow: hidden;
    padding: 5px 20px
}

@media (max-width: 1170px) {
    .npc-sn1-simulateur {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 649px) {
    .npc-sn1-simulateur {
        padding:var(--msl-spacing-200)
    }
}

.npc-sn1-simulateur .npc-sn1-simulateur-label {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700);
    margin-right: 25px;
    white-space: nowrap
}

@media (max-width: 649px) {
    .npc-sn1-simulateur .npc-sn1-simulateur-label {
        display:none
    }
}

.npc-sn1-simulateur .npc-sn1-simulateur-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 649px) {
    .npc-sn1-simulateur .npc-sn1-simulateur-items {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-150);
        width: 100%
    }
}

.npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 2px 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 649px) {
    .npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item {
        margin:0;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item.separateur:after {
    content: "|";
    margin: 0 10px
}

@media (max-width: 649px) {
    .npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item.separateur:after {
        display:none
    }
}

@media (max-width: 649px) {
    .npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item.separateur {
        border-bottom:1px solid var(--msl-border);
        padding-bottom: var(--msl-spacing-150)
    }
}

.npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item .npc-sn1-simulateur-link {
    color: inherit;
    text-decoration: underline;
    font-weight: var(--msl-fontWeight-400);
    margin-left: 0;
    text-align: center
}

.npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item .npc-sn1-simulateur-link:focus,.npc-sn1-simulateur .npc-sn1-simulateur-items .npc-sn1-simulateur-item .npc-sn1-simulateur-link:hover {
    color: var(--msl-artwork-grey-400)
}

.npc-co--card {
    position: relative;
    padding: var(--msl-spacing-150);
    max-width: 1120px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(136,1fr)
}

@media (min-width: 1365px) {
    .npc-co--card {
        max-width:1280px
    }
}

.npc-co--card.selected {
    background-color: var(--msl-artwork-grey-50)
}

@media (max-width: 1169px) {
    .npc-co--card {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: var(--msl-spacing-100) var(--msl-spacing-200);
        padding: var(--msl-spacing-300);
        -webkit-box-align: unset;
        -webkit-align-items: unset;
        align-items: unset;
        grid-template-columns: unset
    }
}

@media (max-width: 989px) {
    .npc-co--card {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 990px) {
    .npc-co--card .npc-co-card--element:first-child {
        grid-column:1/3
    }

    .npc-co--card .npc-co-card--element:nth-child(2) {
        grid-column: 5/25
    }

    .npc-co--card .npc-co-card--element:nth-child(3) {
        grid-column: 28/38
    }

    .npc-co--card .npc-co-card--element:nth-child(4) {
        grid-column: 41/61
    }

    .npc-co--card .npc-co-card--element:nth-child(5) {
        grid-column: 64/73
    }

    .npc-co--card .npc-co-card--element:nth-child(6) {
        grid-column: 76/85;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .npc-co--card .npc-co-card--element:nth-child(7) {
        grid-column: 88/98
    }

    .npc-co--card .npc-co-card--element:nth-child(8) {
        grid-column: 101/122
    }

    .npc-co--card .npc-co-card--element:nth-child(9) {
        grid-column: 125/135
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .npc-co--card .npc-co-card--element {
        width:-webkit-calc(50% - var(--msl-spacing-100));
        width: calc(50% - var(--msl-spacing-100))
    }

    .npc-co--card .npc-co-card--element.link,.npc-co--card .npc-co-card--element.title {
        width: 100%
    }

    .npc-co--card .npc-co-card--element.checkboxelem {
        width: unset
    }

    .npc-co--card .npc-co-card--element:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .npc-co--card .npc-co-card--element:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .npc-co--card .npc-co-card--element:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4
    }

    .npc-co--card .npc-co-card--element:nth-child(5) {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6
    }

    .npc-co--card .npc-co-card--element:nth-child(6) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .npc-co--card .npc-co-card--element:nth-child(7) {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5
    }

    .npc-co--card .npc-co-card--element:nth-child(8) {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7
    }

    .npc-co--card .npc-co-card--element:nth-child(9) {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8
    }
}

.npc-co--card .npc-co-card--element {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element {
        padding-left:unset;
        display: unset
    }
}

.npc-co--card .npc-co-card--element.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element.align-center {
        -webkit-box-align:unset;
        -webkit-align-items: unset;
        align-items: unset
    }
}

.npc-co--card .npc-co-card--element.checkboxelem {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element.checkboxelem {
        gap:var(--msl-spacing-100);
        box-shadow: var(--msl-boxShadow-s);
        border-radius: var(--msl-borderRadius-250);
        padding: var(--msl-spacing-50) var(--msl-spacing-200);
        position: absolute;
        bottom: var(--msl-spacing-300);
        min-height: 32px
    }
}

.npc-co--card .npc-co-card--element.checkboxelem input {
    margin: unset;
    height: 15px;
    width: 15px
}

.npc-co--card .npc-co-card--element.checkboxelem input:focus::after {
    outline: var(--msl-brand-secondary-600) solid 2px;
    outline-offset: 2px
}

.npc-co--card .npc-co-card--element.checkboxelem input::after {
    margin: unset
}

.npc-co--card .npc-co-card--element.checkboxelem input:disabled~label {
    color: var(--msl-artwork-grey-600)
}

.npc-co--card .npc-co-card--element.checkboxelem input:checked::after {
    border-color: var(--msl-brand-primary);
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    padding: unset;
    font-size: 14px;
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: ""
}

.npc-co--card .npc-co-card--element.checkboxelem label {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    padding: unset;
    margin: unset;
    text-transform: unset;
    visibility: hidden;
    width: 0;
    height: 0
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element.checkboxelem label {
        display:block;
        visibility: visible;
        width: auto;
        height: auto
    }
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element.title {
        margin-bottom:var(--msl-spacing-100)
    }
}

.npc-co--card .npc-co-card--element.title h3 {
    margin: var(--msl-spacing-50) var(--msl-spacing-00) var(--msl-spacing-00) var(--msl-spacing-00);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element.title h3 {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element.link {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-600);
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        margin-top: var(--msl-spacing-300);
        min-height: 32px
    }
}

.npc-co--card .npc-co-card--element .npc-co-card-element--link {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline;
    text-decoration: underline
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element .npc-co-card-element--link {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-600);
        text-decoration: underline
    }
}

.npc-co--card .npc-co-card--element .npc-co-card-element--label {
    display: none;
    margin-right: 2px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 1169px) {
    .npc-co--card .npc-co-card--element .npc-co-card-element--label {
        display:contents
    }
}

.npc-co--card .npc-co-card--element .npc-co-card-element--data {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

.npc-co--card .npc-co-card--element .npc-co-card-element--renvoibp {
    display: block;
    position: relative;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600)
}

.npc-co--card .npc-co-card--element .npc-co-card-element--datas {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600)
}

.npc-co--table {
    max-width: 1120px;
    position: relative;
    border-radius: var(--msl-borderRadius-100);
    overflow: hidden;
    box-shadow: var(--msl-boxShadow-m)
}

@media (min-width: 1365px) {
    .npc-co--table {
        max-width:1280px
    }
}

.npc-co--table .npc-co-table--header {
    width: 100%;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-400);
    display: grid;
    grid-template-columns: repeat(136,1fr);
    padding: var(--msl-spacing-200) var(--msl-spacing-300);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 1169px) {
    .npc-co--table .npc-co-table--header {
        display:none
    }
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element:first-child {
    grid-column: 1/25
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element:nth-child(2) {
    grid-column: 28/38
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element:nth-child(3) {
    grid-column: 41/62
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element:nth-child(4) {
    grid-column: 65/75
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element:nth-child(5) {
    grid-column: 78/85
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element:nth-child(6) {
    grid-column: 88/98;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element:nth-child(7) {
    grid-column: 100/137
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-co--table .npc-co-table--header .npc-co-table-header--element.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-co--table .npc-co-table--categ {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    padding: var(--msl-spacing-200) var(--msl-spacing-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--msl-brand-secondary-100);
    color: var(--msl-brand-primary);
    width: 100%;
    margin: unset
}

.npc-co--table .npc-co-table--offres {
    width: 100%
}

.npc-co--table .npc-co-table--offres.hidden {
    display: none
}

.npc-co--table .npc-co-table--offres div.npc-co--card {
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

.npc-co--table .npc-co-table-cat--empty {
    position: relative;
    padding: var(--msl-spacing-150) var(--msl-spacing-300);
    width: 100%;
    min-height: 60px;
    display: block
}

@media (max-width: 989px) {
    .npc-co--table .npc-co-table-cat--empty {
        padding:var(--msl-spacing-300) var(--msl-spacing-200)
    }
}

.npc-co--table .npc-co-table-cat--empty.hidden {
    display: none
}

.sticky-background {
    background-color: var(--msl-artwork-grey-0);
    height: 90px;
    position: fixed;
    top: 60px;
    width: 100vw;
    z-index: 2;
    left: 0
}

.npc-template-comparateur-content--ancre {
    max-width: 1120px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: var(--msl-artwork-grey-0);
    padding-top: var(--msl-spacing-300);
    -webkit-transition: .4s;
    transition: .4s
}

@media (min-width: 1365px) {
    .npc-template-comparateur-content--ancre {
        max-width:1280px
    }
}

.npc-template-comparateur-content--ancre.hideLine:before {
    visibility: hidden
}

.npc-template-comparateur-content--ancre:before {
    content: " ";
    margin-top: 50px;
    width: 100%;
    position: absolute;
    height: 1px;
    background: var(--msl-artwork-grey-200);
    max-width: 1120px
}

@media (min-width: 1365px) {
    .npc-template-comparateur-content--ancre:before {
        max-width:1280px
    }
}

@media (max-width: 1169px) {
    .npc-template-comparateur-content--ancre:before {
        width:-webkit-calc(100% - (var(--msl-spacing-300) * 2));
        width: calc(100% - (var(--msl-spacing-300) * 2))
    }
}

@media (max-width: 989px) {
    .npc-template-comparateur-content--ancre:before {
        display:none
    }
}

.npc-template-comparateur-content--ancre #slideLeft,.npc-template-comparateur-content--ancre #slideRight {
    display: none
}

@media (max-width: 989px) {
    .npc-template-comparateur-content--ancre #slideLeft,.npc-template-comparateur-content--ancre #slideRight {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 989px) {
    .npc-template-comparateur-content--ancre #slideLeft {
        margin-right:var(--msl-spacing-100)
    }
}

@media (max-width: 989px) {
    .npc-template-comparateur-content--ancre #slideRight {
        margin-left:auto
    }
}

.npc-template-comparateur-content--ancre .filtre-comparateur {
    margin-left: auto;
    position: relative
}

@media (max-width: 1169px) {
    .npc-template-comparateur-content--ancre .filtre-comparateur {
        display:none
    }
}

.npc-template-comparateur-content--ancre .filtre-comparateur .pin {
    background-color: var(--msl-bg-notification);
    width: 20px;
    height: 20px;
    color: var(--msl-artwork-grey-0);
    position: absolute;
    top: -5px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-style: normal;
    border-radius: 50%;
    z-index: 2;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700)
}

.npc-template-comparateur-content--ancre .cat-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: unset;
    height: 40px;
    padding: var(--msl-spacing-100);
    color: var(--msl-artwork-grey-1000);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-100)
}

@media (max-width: 989px) {
    .npc-template-comparateur-content--ancre .cat-label {
        white-space:nowrap
    }
}

.npc-template-comparateur-content--ancre .cat-link {
    position: relative
}

.npc-template-comparateur-content--ancre .cat-link:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-150);
    border: 2px solid var(--msl-brand-secondary-600);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -3px;
    bottom: -3px;
    right: -3px;
    left: -3px
}

.npc-template-comparateur-content--ancre .cat-link:focus::after {
    bottom: 5px
}

.npc-template-comparateur-content--ancre .cat-link.cat-active {
    border-bottom: solid;
    border-bottom-color: var(--msl-brand-primary);
    border-width: 4px
}

.npc-template-comparateur-content--ancre .cat-link.cat-active .cat-label {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.npc-template-comparateur-content--ancre .cat-comparateur {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-300)
}

.npc-template-comparateur-content--ancre .cat-comparateur a {
    text-decoration: unset
}

@media (max-width: 989px) {
    .npc-template-comparateur-content--ancre .cat-comparateur {
        width:90%;
        overflow-x: scroll
    }

    .npc-template-comparateur-content--ancre .cat-comparateur::-webkit-scrollbar {
        display: none
    }
}

.npc-template-comparateur-content--ancre.sticky {
    z-index: 5;
    position: fixed;
    width: 100%;
    top: var(--msl-spacing-00);
    padding-top: var(--msl-spacing-300)
}

@media (max-width: 989px) {
    .npc-template-comparateur-content--ancre.sticky {
        width:unset;
        right: var(--msl-spacing-200);
        left: var(--msl-spacing-200)
    }
}

.npc-template-comparateur-offres {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 1120px;
    margin: auto
}

@media (min-width: 1365px) {
    .npc-template-comparateur-offres {
        max-width:1280px
    }
}

.npc-template-comparateur-offres .Breadcrumb {
    margin: var(--msl-spacing-400) var(--msl-spacing-00)
}

.npc-template-comparateur-offres .npc-template-comparateur-content--titre {
    margin: var(--msl-spacing-300) var(--msl-spacing-00) var(--msl-spacing-100)
}

@media (max-width: 1169px) {
    .npc-template-comparateur-offres {
        margin:var(--msl-spacing-00) var(--msl-spacing-300)
    }
}

.npc-template-comparateur-offres .placeholder-1 {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-template-comparateur-offres .npc-template-comparateur-content--description {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 1169px) {
    .npc-template-comparateur-offres .npc-template-comparateur-content--description {
        display:none
    }
}

.npc-template-comparateur-offres .npc-template-comparateur-content--mTitle {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: var(--msl-spacing-400)
}

.npc-template-comparateur-offres .npc-template-comparateur-content--mentions {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-400)
}

.npc-template-comparateur-offres .results-filtre {
    margin: var(--msl-spacing-300) var(--msl-spacing-00) var(--msl-spacing-200) var(--msl-spacing-00);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-template-comparateur-offres .results-filtre a {
    margin-left: auto;
    text-decoration: underline
}

.npc-template-comparateur-offres .stickyTable {
    margin-top: var(--msl-spacing-200);
    z-index: 5;
    position: fixed;
    max-width: 1120px;
    border-radius: var(--msl-borderRadius-100) var(--msl-borderRadius-100) var(--msl-borderRadius-00) var(--msl-borderRadius-00)
}

@media (min-width: 1365px) {
    .npc-template-comparateur-offres .stickyTable {
        max-width:1280px
    }
}

.npc-template-comparateur-offres .feedback {
    display: none
}

@media (max-width: 989px) {
    .npc-template-comparateur-offres .feedback {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .npc-template-comparateur-offres .feedback .npc-msl-feedback {
        width: 100%;
        border-radius: var(--msl-borderRadius-100)
    }
}

@media (min-width: 989px) {
    .npc-template-comparateur-offres .feedback .contrib {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .npc-template-comparateur-offres .feedback .contrib .npc-msl-feedback {
        width: 100%;
        border-radius: var(--msl-borderRadius-100)
    }
}

.npc-template-comparateur-offres .feedback .npc-msl-feedback--content {
    width: 100%
}

.npc-template-comparateur-offres .feedback #close-feedback {
    position: relative;
    right: -10px;
    top: -5px;
    height: 24px
}

.npc-template-comparateur-offres #messageNoResult a {
    text-decoration: underline
}

.npc-co--sticky-compare {
    width: 100%;
    background-color: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-m);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-co--sticky-compare.npc-co--compare-stickyFixed {
    position: -webkit-sticky;
    position: sticky;
    bottom: var(--msl-spacing-00)
}

.npc-co--sticky-compare .npc-co--sticky-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--msl-spacing-200) var(--msl-spacing-00);
    max-width: 1120px;
    width: 100%
}

@media (min-width: 1365px) {
    .npc-co--sticky-compare .npc-co--sticky-content {
        max-width:1280px
    }
}

.npc-co--sticky-compare .npc-co--sticky-content .npc-co--sticky-compare-title {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-co--sticky-compare .npc-co--sticky-content .npc-co--sticky-compare-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-100);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-co--sticky-compare .npc-co--sticky-content .npc-co--sticky-compare-card {
    padding: var(--msl-spacing-00) var(--msl-spacing-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: var(--msl-spacing-150);
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%
}

.npc-co--sticky-compare .npc-co--sticky-content .npc-co--sticky-compare-card .npc-msl-card-border {
    margin: var(--msl-spacing-00);
    width: -webkit-calc((100% - var(--msl-spacing-300))/ 3);
    width: calc((100% - var(--msl-spacing-300))/ 3);
    padding: var(--msl-spacing-150);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-co--sticky-compare .npc-co--sticky-content .npc-co--sticky-compare-card .npc-msl-card-border .npc-co--sticky-compare-label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-100)
}

.npc-co--sticky-compare .npc-co--sticky-content .npc-msl-card-border {
    padding: var(--msl-spacing-200)
}

.npc-co--sticky-compare .npc-co--sticky-content .npc-co--sticky-compare-desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700)
}

.npc-co--sticky-compare .npc-co--sticky-content-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-200) var(--msl-spacing-00);
    gap: var(--msl-spacing-200);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-co--sticky-compare .npc-co--sticky-content-mobile .vertical-line {
    border-left: 1px solid var(--msl-artwork-grey-200);
    height: 90%
}

.npc-co--sticky-compare .npc-co--sticky-content-mobile .filtre-comparateur {
    position: relative
}

.npc-co--sticky-compare .npc-co--sticky-content-mobile .filtre-comparateur .pin {
    background-color: var(--msl-bg-notification);
    width: 20px;
    height: 20px;
    color: var(--msl-artwork-grey-0);
    position: absolute;
    top: -5px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-style: normal;
    border-radius: 50%;
    z-index: 2;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700)
}

.npc-co--sticky-compare .npc-co--sticky-content-mobile .btn-compare {
    position: relative
}

.npc-co--sticky-compare .npc-co--sticky-content-mobile .btn-compare .pin {
    background-color: var(--msl-bg-notification);
    width: 20px;
    height: 20px;
    color: var(--msl-artwork-grey-0);
    position: absolute;
    top: -5px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-style: normal;
    border-radius: 50%;
    z-index: 2;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700)
}

.npc-co--sticky-compare .npc-co--sticky-content-mobile .btn-compare .pin[disabled] {
    background-color: var(--msl-artwork-grey-600);
    width: 20px;
    height: 20px;
    color: var(--msl-artwork-grey-0);
    position: absolute;
    top: -5px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-style: normal;
    border-radius: 50%;
    z-index: 2;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 320px) {
    .npc-co--sticky-compare .npc-co--sticky-content-mobile {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: var(--msl-spacing-200) 20px
    }

    .npc-co--sticky-compare .npc-co--sticky-content-mobile .vertical-line {
        display: none
    }
}

@media (max-width: 1169px) {
    .npc-co--sticky-compare .npc-co--sticky-content {
        display:none
    }
}

@media (min-width: 1170px) {
    .npc-co--sticky-compare .npc-co--sticky-content-mobile {
        display:none
    }
}

.npc-co--modale-compare {
    position: block;
    width: 100%;
    top: var(--msl-spacing-00);
    left: var(--msl-spacing-00);
    background-color: var(--msl-artwork-grey-0);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow-y: initial;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 100
}

.npc-co--modale-compare .npc-co-mc--content {
    max-width: 1120px;
    padding: var(--msl-spacing-400) var(--msl-spacing-00) var(--msl-spacing-800) var(--msl-spacing-00);
    width: 100%;
    height: 100%;
    overflow-y: auto
}

@media (min-width: 1365px) {
    .npc-co--modale-compare .npc-co-mc--content {
        max-width:1280px
    }
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--back {
    padding: var(--msl-spacing-00) 20px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--title-link {
    padding: var(--msl-spacing-200) 20px var(--msl-spacing-00);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--title-link h2 {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset
}

@media (max-width: 649px) {
    .npc-co--modale-compare .npc-co-mc--content .npc-co-mc--title-link {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-100)
    }
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableListEmpty {
    padding: var(--msl-spacing-400) 20px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList {
    gap: var(--msl-spacing-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-400) 20px;
    overflow: auto
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table {
    border-radius: var(--msl-borderRadius-250);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    min-width: 262px;
    width: -webkit-calc((100% - var(--msl-spacing-300))/ 3);
    width: calc((100% - var(--msl-spacing-300))/ 3);
    box-shadow: var(--msl-boxShadow-s);
    padding: var(--msl-spacing-200) var(--msl-spacing-00)
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element {
    padding: var(--msl-spacing-200) unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: var(--msl-spacing-200);
    width: 100%;
    text-align: center;
    height: 68px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element:nth-child(2n) {
    background-color: var(--msl-artwork-grey-50)
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element.delete {
    background-color: transparent;
    position: absolute;
    right: var(--msl-spacing-200);
    top: var(--msl-spacing-200);
    width: unset;
    padding: unset;
    height: unset
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element.condition {
    height: 104px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element.condition .npc-co-mct-e--data {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element.objectif {
    height: 86px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element.objectif .npc-co-mct-e--data {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element.first {
    min-height: 159px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element .npc-co-mct-content--title {
    margin-top: var(--msl-spacing-50);
    margin-bottom: var(--msl-spacing-200);
    height: 60px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element .npc-co-mct-content--title .npc-co-mct-e--title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element .npc-co-mct-e--label {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element .npc-co-mct-e--data {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element .npc-co-mct-e--tag {
    min-height: 26px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--tableList .npc-co-mc--table .npc-co-mct--element .npc-co-mct-e--renvoibp {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600)
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--legalNotices {
    padding: var(--msl-spacing-00) 20px
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--legalNotices .npc-template-comparateur-content--mTitle {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: var(--msl-spacing-400)
}

.npc-co--modale-compare .npc-co-mc--content .npc-co-mc--legalNotices .npc-template-comparateur-content--mentions {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: var(--msl-spacing-400)
}

.npc-co--filtres {
    z-index: 9996;
    top: 0;
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.64)
}

.npc-co--filtres .npc-msl-form-group {
    padding: unset
}

.npc-co--filtres .npc-co-mf-modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: absolute;
    width: 368px;
    height: 100%;
    z-index: 20;
    background-color: #fff;
    position: fixed;
    margin: auto;
    padding: 48px;
    gap: var(--msl-spacing-400);
    border-radius: var(--msl-borderRadius-300) var(--msl-borderRadius-00) var(--msl-borderRadius-00) var(--msl-borderRadius-300);
    right: var(--msl-spacing-00)
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-heading .modal-title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-300);
    margin-right: -48px;
    margin-bottom: 48px;
    padding-left: var(--msl-spacing-100);
    overflow-y: auto;
    overflow-x: hidden
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body::-webkit-scrollbar {
    width: var(--msl-spacing-100)
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body::-webkit-scrollbar-thumb {
    background-color: var(--msl-brand-primary);
    border-radius: var(--msl-spacing-500)
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body::-webkit-scrollbar-button {
    height: var(--msl-borderRadius-150)
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body .npc-msl-form-group .npc-msl-form-field legend {
    margin-bottom: unset;
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body .npc-msl-ff-checkbox:first-of-type {
    margin-top: var(--msl-spacing-100)
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body .npc-msl-ff-input {
    width: 272px
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body .npc-msl-ff-checkbox label {
    width: 258px
}

.npc-co--filtres .npc-co-mf-modal .npc-co-mf-modal-body .npc-msl-ff-select .npc-msl-ff-select--combobox .npc-msl-ffs-combobox--panel label {
    width: 212px
}

.npc-co--filtres .npc-co-mf-modal .filtre-cat-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-400);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    bottom: var(--msl-spacing-00);
    margin-bottom: var(--msl-spacing-300)
}

.npc-co--filtres .npc-co-mf-modal .filtre-cat-footer a {
    height: 24px
}

.npc-co--filtres .npc-co-mf-modal .close {
    margin-left: auto;
    float: right;
    font-size: 28px;
    opacity: unset
}

.npc-co--filtres .npc-co-mf-modal .close i {
    color: var(--msl-brand-primary);
    font-weight: 700
}

.npc-co--filtres .npc-co-mf-modal .close:focus,.npc-co--filtres .npc-co-mf-modal .close:hover {
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 320px) and (max-width:990px) {
    .npc-co--filtres .npc-co-mf-modal {
        width:100%;
        border-radius: unset;
        padding: var(--msl-spacing-200)
    }

    .npc-co--filtres .npc-co-mf-modal-heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .npc-co--filtres .npc-co-mf-modal-heading .close {
        margin-left: unset;
        margin-bottom: var(--msl-spacing-200)
    }

    .npc-co--filtres .filtre-cat-footer {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .npc-co--filtres .filtre-cat-footer a {
        margin-right: var(--msl-spacing-400)
    }
}

.npc-co--info {
    background-color: var(--msl-artwork-grey-50);
    border: 1px solid var(--msl-artwork-grey-100);
    padding: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-200);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: var(--msl-borderRadius-100)
}

.npc-co--info i::before {
    width: 48px!important;
    height: 48px!important
}

.npc-co--info .npc-co-info--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-50)
}

.npc-co--info .npc-co-info--content .npc-co-ic-main {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.npc-co--info .npc-co-info--content button {
    text-decoration: underline
}

.npc-co--info p {
    margin: unset
}

.npc-content--tabs {
    max-width: 1120px;
    position: relative;
    width: 100%
}

@media (min-width: 1365px) {
    .npc-content--tabs {
        max-width:1280px
    }
}

.npc-content--tabs .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: -webkit-sticky;
    position: sticky;
    background: var(--msl-bg-surface-on-minimal);
    z-index: 5;
    top: 60px
}

.npc-content--tabs .tabs .automatic {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    gap: var(--msl-spacing-400);
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.npc-content--tabs .tabs .automatic button {
    text-decoration: unset;
    background-color: inherit;
    float: left;
    border: none;
    outline: 0
}

@media (max-width: 989px) {
    .npc-content--tabs .tabs .automatic {
        width:90%;
        overflow-x: scroll
    }

    .npc-content--tabs .tabs .automatic::-webkit-scrollbar {
        display: none
    }
}

.npc-content--tabs .tabs .automatic.hideLine:before {
    visibility: hidden
}

.npc-content--tabs .tabs .automatic:before {
    content: " ";
    margin-top: 55px;
    width: 100%;
    position: absolute;
    height: 1px;
    background: var(--msl-artwork-grey-200);
    max-width: 1120px
}

@media (min-width: 1365px) {
    .npc-content--tabs .tabs .automatic:before {
        max-width:1280px
    }
}

@media (max-width: 1169px) {
    .npc-content--tabs .tabs .automatic:before {
        width:-webkit-calc(100% - (var(--msl-spacing-300) * 2));
        width: calc(100% - (var(--msl-spacing-300) * 2))
    }
}

@media (max-width: 989px) {
    .npc-content--tabs .tabs .automatic:before {
        display:none
    }
}

.npc-content--tabs .tabs .automatic .tab-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: unset;
    height: 40px;
    padding: var(--msl-spacing-100);
    color: var(--msl-artwork-grey-1000);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-100)
}

@media (max-width: 989px) {
    .npc-content--tabs .tabs .automatic .tab-label {
        white-space:nowrap
    }
}

.npc-content--tabs .tabs .automatic .tab-label:hover {
    background-color: var(--msl-bg-hover)
}

.npc-content--tabs .tabs .automatic .tab-link {
    position: relative
}

.npc-content--tabs .tabs .automatic .tab-link:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-100);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px
}

.npc-content--tabs .tabs .automatic [role=tab][aria-selected=true] {
    border-bottom: solid;
    border-bottom-color: var(--msl-bg-brand-primary);
    border-width: 3px;
    padding-top: var(--msl-spacing-50)
}

.npc-content--tabs .tabs .automatic [role=tab][aria-selected=true] .tab-label {
    color: var(--msl-text-primary)
}

.npc-content--tabs .tabs #slideLeft,.npc-content--tabs .tabs #slideRight {
    display: none;
    border: unset;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: unset
}

@media (max-width: 989px) {
    .npc-content--tabs .tabs #slideLeft,.npc-content--tabs .tabs #slideRight {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.npc-content--tabs .tabs #slideLeft .icon,.npc-content--tabs .tabs #slideRight .icon {
    width: 24px;
    height: 24px;
    font-size: var(--msl-fontSize-28);
    color: var(--msl-text-primary)
}

@media (max-width: 989px) {
    .npc-content--tabs .tabs #slideLeft {
        margin-right:auto
    }
}

@media (max-width: 989px) {
    .npc-content--tabs .tabs #slideRight {
        margin-left:auto
    }
}

.npc-content--tabs [role=tabpanel].is-hidden {
    display: none
}

.npc-content--tabs [role=tabpanel] {
    width: 100%;
    padding: var(--msl-spacing-300) var(--msl-spacing-00)
}

.npc-content--segmented-tabs {
    max-width: 1120px;
    position: relative;
    width: 100%
}

@media (min-width: 1365px) {
    .npc-content--segmented-tabs {
        max-width:1280px
    }
}

.npc-content--segmented-tabs .segmented-tabs {
    display: grid;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
    top: 60px;
    width: 100%;
    margin: var(--msl-spacing-300) 0 0 0
}

.npc-content--segmented-tabs .segmented-tabs .automatic {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    list-style: none;
    padding: var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-full);
    border-width: 0;
    box-shadow: var(--msl-boxShadow-s);
    background: var(--msl-bg-surface-on-minimal);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-200);
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.npc-content--segmented-tabs .segmented-tabs .automatic button {
    width: 100%;
    text-decoration: unset;
    background-color: inherit;
    float: left;
    border: none;
    outline: 0;
    padding: unset;
    border-radius: var(--msl-borderRadius-full)
}

@media (max-width: 989px) {
    .npc-content--segmented-tabs .segmented-tabs .automatic {
        width:100%;
        overflow-x: scroll
    }

    .npc-content--segmented-tabs .segmented-tabs .automatic::-webkit-scrollbar {
        display: none
    }
}

.npc-content--segmented-tabs .segmented-tabs .automatic .tab-label {
    display: block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    text-wrap: nowrap;
    line-height: var(--msl-spacing-200);
    padding: var(--msl-spacing-100) var(--msl-spacing-200);
    border-radius: var(--msl-borderRadius-full);
    -webkit-transition: background-color .2s,color,outline-offset;
    transition: background-color .2s,color,outline-offset
}

@media (max-width: 989px) {
    .npc-content--segmented-tabs .segmented-tabs .automatic .tab-label {
        white-space:nowrap
    }
}

.npc-content--segmented-tabs .segmented-tabs .automatic .tab-label:hover {
    background-color: var(--msl-bg-hover)
}

.npc-content--segmented-tabs .segmented-tabs .automatic .tab-link {
    position: relative
}

.npc-content--segmented-tabs .segmented-tabs .automatic [role=tab][aria-selected=true] .tab-label {
    box-shadow: var(--msl-boxShadow-s);
    background-color: var(--msl-bg-primary);
    color: var(--msl-text-on-primary)
}

.npc-content--segmented-tabs .segmented-tabs #slideLeft,.npc-content--segmented-tabs .segmented-tabs #slideRight {
    display: none;
    border: unset;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: unset;
    padding: unset
}

@media (max-width: 989px) {
    .npc-content--segmented-tabs .segmented-tabs #slideLeft,.npc-content--segmented-tabs .segmented-tabs #slideRight {
        display:block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
        opacity: 1;
        -webkit-transition: opacity 80ms;
        transition: opacity 80ms;
        line-height: 0;
        width: 64px;
        height: 48px
    }
}

.npc-content--segmented-tabs .segmented-tabs #slideLeft .icon,.npc-content--segmented-tabs .segmented-tabs #slideRight .icon {
    width: 24px;
    height: 24px;
    font-size: var(--msl-fontSize-28);
    color: var(--msl-text-primary)
}

@media (max-width: 989px) {
    .npc-content--segmented-tabs .segmented-tabs #slideLeft {
        left:0;
        background: -webkit-gradient(linear,left top,right top,color-stop(80%,#ffffffff),to(#ffffff2b));
        background: -webkit-linear-gradient(left,#ffffffff 80%,#ffffff2b);
        background: linear-gradient(to right,#ffffffff 80%,#ffffff2b)
    }
}

@media (max-width: 989px) {
    .npc-content--segmented-tabs .segmented-tabs #slideRight {
        right:0;
        background: -webkit-gradient(linear,right top,left top,color-stop(80%,#ffffffff),to(#ffffff2b));
        background: -webkit-linear-gradient(right,#ffffffff 80%,#ffffff2b);
        background: linear-gradient(to left,#ffffffff 80%,#ffffff2b)
    }
}

.npc-content--segmented-tabs [role=tabpanel].is-hidden {
    display: none
}

.npc-content--segmented-tabs [role=tabpanel] {
    width: 100%;
    padding: var(--msl-spacing-300) var(--msl-spacing-00)
}

@media (max-width: 989px) {
    .npc-content--segmented-tabs [role=tabpanel] {
        overflow-x:scroll
    }

    .npc-content--segmented-tabs [role=tabpanel]::-webkit-scrollbar {
        display: none
    }
}

.npc-po--modale {
    width: 100%;
    background-color: var(--msl-artwork-grey-0);
    gap: var(--msl-spacing-200)
}

@media (min-width: 1365px) {
    .npc-po--modale .npc-po-card--content {
        max-width:1280px
    }
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList {
    gap: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card {
    border-radius: var(--msl-borderRadius-150);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    text-decoration: unset;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: -webkit-calc((100% - 64px)/ 4);
    width: calc((100% - 64px)/ 4);
    min-height: 248px;
    box-shadow: var(--msl-boxShadow-m);
    padding: 20px var(--msl-spacing-200);
    background-color: var(--msl-bg-surface-on-minimal);
    gap: var(--msl-spacing-400);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    cursor: pointer
}

@media (max-width: 989px) {
    .npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card {
        width:100%
    }
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card:focus-within::before {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-150);
    border: 2px solid var(--msl-bg-brand-tertiary);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card:hover {
    background-color: var(--msl-bg-hover)
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card:active {
    background-color: var(--msl-bg-pressed)
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card-e--tag:before {
    content: " ";
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
    position: absolute;
    margin-top: -16px;
    height: 1px;
    background: var(--msl-artwork-grey-200)
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card--element {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-100);
    color: var(--msl-text);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card--element .npc-po-card-e--title {
    min-height: 48px
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card--element .npc-po-card-e--title a {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-transform: unset;
    text-decoration: unset;
    color: var(--msl-text)
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card--element .npc-po-card-e--title a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card--element h3,.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card--element p {
    margin: unset
}

.npc-po--modale .npc-po-card--content .npc-po-card--cardList .npc-po-card--card .npc-po-card--element .npc-po-card-e--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-pushOffres {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: var(--msl-spacing-300)
}

.npc-pushOffres .npc-po--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

.vignette-client-action .npc-vignette-client-action-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.vignette-client-action .card-secondary {
    background-color: var(--msl-bg-brand-primary);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--msl-spacing-400)
}

.vignette-client-action .card-secondary .card-secondary-title {
    margin-top: 0;
    color: var(--msl-text-on-primary)
}

.vignette-client-action .card-secondary .card-secondary-desc {
    color: var(--msl-text-on-primary)
}

.vignette-client-action .card-secondary .card-secondary-icon {
    width: 72px;
    height: 72px;
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-100);
    margin-right: var(--msl-spacing-00)
}

.vignette-client-action .card-secondary .card-secondary-icon.icon {
    font-size: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--msl-artwork-primary-700)
}

.vignette-client-action .card-secondary .npc-msl-button-secondary:hover {
    background-color: var(--msl-bg-elmt)
}

.vignette-client-action .card-secondary .npc-msl-button-secondary:focus:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-border-focusIndicator-reverse);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.vignette-client-action .card-secondary,.vignette-client-action .card-secondary-container-flex {
    width: 100%
}

@media (min-width: 1170px) {
    .vignette-client-action .card-secondary-container-flex:not(.npc-msl-m-00),.vignette-client-action .card-secondary:not(.npc-msl-m-00) {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .vignette-client-action .card-secondary-container-flex:not(.npc-msl-m-00),.vignette-client-action .card-secondary:not(.npc-msl-m-00) {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .vignette-client-action .card-secondary-container-flex:not(.npc-msl-m-00),.vignette-client-action .card-secondary:not(.npc-msl-m-00) {
        margin:var(--msl-spacing-200) 20px
    }
}

@media screen and (max-width: 989px) {
    .vignette-client-action .card-secondary {
        -webkit-box-align:initial;
        -webkit-align-items: initial;
        align-items: initial
    }
}

.vignette-client-action .card-secondary-double {
    background-color: var(--msl-bg-brand-primary);
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -webkit-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.vignette-client-action .card-secondary-double .card-secondary-title {
    color: var(--msl-text-on-primary)
}

.vignette-client-action .card-secondary-double .card-secondary-desc {
    color: var(--msl-text-on-primary)
}

.vignette-client-action .card-secondary-double .card-secondary-icon {
    border-radius: var(--msl-borderRadius-100);
    margin-right: var(--msl-spacing-00);
    margin-bottom: var(--msl-spacing-00);
    color: var(--msl-artwork-primary-700)
}

.vignette-client-action .card-secondary-double .npc-msl-button-secondary:hover {
    background-color: var(--msl-bg-elmt)
}

.vignette-client-action .card-secondary-double .npc-msl-button-secondary:focus:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-border-focusIndicator-reverse);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

@media screen and (max-width: 989px) {
    .vignette-client-action .card-secondary-double {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: initial;
        -webkit-align-items: initial;
        align-items: initial
    }

    .vignette-client-action .card-secondary-double .card-secondary-icon {
        margin-bottom: var(--msl-spacing-300)
    }
}

.vignette-client-action a.GenericBtn-btn {
    border-color: var(--msl-border-reverse)
}

.vignette-client-action .npc-msl-button-primary {
    border-color: var(--msl-border-reverse)
}

.player-video-v2-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-300);
    width: 100%
}

.player-video-v2-content .npc-vpv2--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

.player-video-v2-content .VideoPlayer {
    border-radius: var(--msl-borderRadius-150);
    max-width: 738px;
    min-height: 376px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media (max-width: 649px) {
    .player-video-v2-content .VideoPlayer {
        width:100%;
        min-height: 220px
    }
}

.player-video-v2-content .VideoPlayer-play {
    background-color: var(--msl-bg-brand-primary);
    font-size: var(--msl-fontSize-24);
    color: var(--msl-text-on-primary);
    width: 72px;
    height: 72px;
    top: unset;
    left: unset;
    opacity: unset
}

.player-video-v2-content .VideoPlayer-play:hover {
    background-color: var(--msl-bg-primary-hover)
}

.player-video-v2-content .VideoPlayer-play:active {
    background-color: var(--msl-bg-primary-pressed)
}

.player-video-v2-content .VideoPlayer-play:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-500);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.player-video-v2-content .VideoPlayer-play::before {
    font-size: var(--msl-fontSize-24)
}

.player-video-v2-content .VideoPlayer-video {
    background: unset
}

.player-video-v2-content iframe {
    border-radius: var(--msl-borderRadius-150)
}

.npc-reengagement-v2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-300);
    width: 100%
}

@media (min-width: 1170px) {
    .npc-reengagement-v2 {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-reengagement-v2 {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-reengagement-v2 {
        margin:var(--msl-spacing-200) 20px
    }
}

.npc-reengagement-v2 .npc-reengagement-v2--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: 0;
    margin-bottom: 0
}

.npc-reengagement-v2 .npc-reengagement-v2--card {
    padding: 20px var(--msl-spacing-00);
    gap: var(--msl-spacing-300);
    border-radius: var(--msl-borderRadius-150) var(--msl-borderRadius-150) var(--msl-borderRadius-150) var(--msl-borderRadius-150);
    background-color: var(--msl-artwork-grey-50)
}

@media (max-width: 989px) {
    .npc-reengagement-v2 .npc-reengagement-v2--card {
        padding:var(--msl-spacing-00) 20px;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical
    }
}

.npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: var(--msl-spacing-00);
    padding: var(--msl-spacing-00)
}

@media (max-width: 989px) {
    .npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: unset
    }
}

.npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: var(--msl-spacing-150);
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    padding-left: var(--msl-spacing-300);
    border-right: 1px solid var(--msl-border-minimal)
}

.npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item:last-child {
    border: none
}

.npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item:first-child {
    padding-left: 20px
}

@media (max-width: 989px) {
    .npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item {
        border-bottom:1px solid var(--msl-border-minimal);
        padding: var(--msl-spacing-200) var(--msl-spacing-00);
        border-right: none
    }

    .npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item:last-child {
        padding: var(--msl-spacing-200) var(--msl-spacing-00) 20px;
        border: none
    }

    .npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item:first-child {
        padding: 20px var(--msl-spacing-00) var(--msl-spacing-200)
    }
}

@media (max-width: 989px) {
    .npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item {
        max-width:none;
        width: 100%
    }
}

.npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item .npc-reengagement-v2-item--data {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: -webkit-calc(100% - var(--msl-spacing-400) - 20px);
    width: calc(100% - var(--msl-spacing-400) - 20px);
    gap: var(--msl-spacing-50);
    margin-bottom: 0
}

.npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item .npc-reengagement-v2-item--data .npc-reengagement-v2-item--title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    margin-top: 0;
    margin-bottom: 0
}

.npc-reengagement-v2 .npc-reengagement-v2--card .npc-reengagement-v2--content .npc-reengagement-v2--item .npc-reengagement-v2-item--data .npc-reengagement-v2-item--description {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-top: 0;
    margin-bottom: 0
}

.cross-selling-container {
    max-width: 1184px;
    margin: auto
}

.cross-selling-container .npc-cross-selling {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: var(--msl-bg-surface-on-minimal)
}

@media (min-width: 1170px) {
    .cross-selling-container .npc-cross-selling {
        margin:var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .cross-selling-container .npc-cross-selling {
        margin-top:20px
    }
}

@media (max-width: 649px) {
    .cross-selling-container .npc-cross-selling {
        margin-top:var(--msl-spacing-200)
    }
}

.cross-selling-container .npc-cross-selling .npc-cs--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

@media (max-width: 649px) {
    .cross-selling-container .npc-cross-selling .npc-cs--title {
        margin-left:20px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .cross-selling-container .npc-cross-selling .npc-cs--title {
        margin-left:var(--msl-spacing-400)
    }
}

.cross-selling-container .npc-cross-selling .npc-cs--vignettes {
    gap: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

@media (min-width: 1170px) {
    .cross-selling-container .npc-cross-selling .npc-cs--vignettes {
        padding-top:var(--msl-spacing-300)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .cross-selling-container .npc-cross-selling .npc-cs--vignettes {
        padding:24px 32px 20px
    }
}

@media (max-width: 649px) {
    .cross-selling-container .npc-cross-selling .npc-cs--vignettes {
        padding:24px 20px 16px
    }
}

@media (max-width: 989px) {
    .cross-selling-container .npc-cross-selling .npc-cs--vignettes {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        overflow-x: scroll
    }

    .cross-selling-container .npc-cross-selling .npc-cs--vignettes::-webkit-scrollbar {
        display: none
    }
}

.cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette {
    width: -webkit-calc((100% - 48px)/ 4);
    width: calc((100% - 48px)/ 4);
    height: 252px;
    min-width: unset;
    border-radius: 20px;
    padding: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-shadow: var(--msl-boxShadow-s);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: var(--msl-bg-surface-on-minimal)
}

@media (max-width: 989px) {
    .cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette {
        min-width:262px
    }
}

.cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette .npc-cs-vignette-content--details {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-100)
}

.cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette .npc-cs-vignette-content--details .npc-cs-vignette-content-details--title {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: unset;
    min-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette .npc-cs-vignette-content--details h3,.cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette .npc-cs-vignette-content--details p {
    margin: unset
}

.cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette .npc-cs-vignette-content--details .npc-cs-vignette-content-details--desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.cross-selling-container .npc-cross-selling .npc-cs--vignettes .npc-cs--vignette a {
    width: 100%
}

.cross-selling-container .npc-cross-selling .owl-stage-outer {
    width: 105%
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner {
    margin-top: 0
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav {
    content: ''
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-next,.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-prev {
    position: absolute;
    bottom: 100%;
    width: 32px;
    height: 32px
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-next i,.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-prev i {
    background-color: unset;
    color: var(--msl-text-primary);
    box-shadow: var(--msl-boxShadow-s)
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-next.disabled i,.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-prev.disabled i {
    background-color: var(--msl-bg-disabled)!important;
    box-shadow: unset
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-prev {
    right: 50px;
    left: unset
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-nav .owl-next {
    right: 0
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-dots {
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-dots .owl-dot.active::before {
    height: 16px;
    width: 16px;
    background-color: var(--msl-bg-brand-tertiary);
    border: unset
}

.cross-selling-container .npc-cross-selling .npc-carousel-themeInner .owl-dots .owl-dot::before {
    height: 12px;
    width: 12px;
    background: var(--msl-artwork-grey-200);
    border: unset
}

.npc-tag-marketing {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--msl-bg-brand-moderate);
    color: var(--msl-text-accent);
    border-radius: var(--msl-borderRadius-100);
    padding: var(--msl-spacing-100);
    gap: var(--msl-spacing-100);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: unset
}

.npc-tag-marketing.npc-tag-marketing-light {
    background-color: var(--msl-bg-brand-minimal)
}

.npc-tag-price {
    background-color: var(--msl-bg-brand-moderate);
    color: var(--msl-text-accent);
    padding: var(--msl-spacing-50) var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-50);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: unset;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-tag-price.npc-tag-price-light {
    background-color: var(--msl-bg-brand-minimal)
}

.npc-tag-price.npc-tag-price-small {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-tag-price.npc-tag-price-large {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-push-initiatives {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: var(--msl-bg-surface-on-minimal);
    gap: var(--msl-spacing-300)
}

@media (min-width: 1170px) {
    .npc-push-initiatives {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-push-initiatives {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-push-initiatives {
        margin:var(--msl-spacing-200) 20px
    }
}

.npc-push-initiatives .npc-contents--title .npc--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

.npc-push-initiatives .npc-contents--title p {
    margin: unset
}

.npc-push-initiatives .npc--vignette {
    display: block;
    background-color: var(--msl-bg-surface-minimal)!important;
    width: 362px;
    min-width: unset;
    height: 276px
}

.npc-push-initiatives .npc--vignette.withBorder {
    border-radius: var(--msl-spacing-150);
    min-width: unset
}

@media (max-width: 649px) {
    .npc-push-initiatives .npc--vignette {
        width:262px;
        height: 136px;
        margin-bottom: unset
    }
}

@media (max-width: 989px) and (min-width:649px) {
    .npc-push-initiatives .npc--vignette {
        width:298px;
        height: 292px
    }
}

.npc-push-initiatives .npc--vignette .npc-vignette--img {
    margin-bottom: var(--msl-spacing-200)
}

@media (max-width: 649px) {
    .npc-push-initiatives .npc--vignette .npc-vignette--img {
        display:none
    }
}

.npc-push-initiatives .npc--vignette .npc-vignette-content--details {
    gap: var(--msl-spacing-100)!important
}

.npc-push-initiatives .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--title {
    height: 48px
}

.npc-push-initiatives .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--title a {
    text-decoration: underline;
    position: unset;
    color: var(--msl-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: var(--msl-fontWeight-600);
    line-height: 24px
}

.npc-push-initiatives .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--title a:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-200);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-push-initiatives .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--desc {
    color: var(--msl-text-moderate)!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

@media (max-width: 649px) {
    .npc-push-initiatives .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--desc {
        overflow:hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }
}

@media (max-width: 989px) {
    .npc-push-initiatives .npc--vignette .npc-vignette-content--details .npc-vignette-content-details--desc {
        overflow:hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }
}

.npc-push-initiatives .npc-showmore {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto
}

.npc-push-initiatives .npc-showmore a {
    text-decoration: underline;
    position: unset;
    color: var(--msl-text-primary);
    font-weight: var(--msl-fontWeight-600)
}

.npc-push-initiatives .npc-showmore a:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-200);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.npc-push-initiatives .npc-carousel-themeInner {
    margin-top: 0
}

.npc-push-initiatives .owl-dots {
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-push-initiatives .owl-dots .owl-dot.active::before {
    height: 16px;
    width: 16px;
    background-color: var(--msl-bg-brand-tertiary);
    border: unset
}

.npc-push-initiatives .owl-dots .owl-dot::before {
    height: 12px;
    width: 12px;
    background: var(--msl-artwork-grey-200);
    border: unset
}

.presentationOffre-container.pof-minimal {
    background-color: var(--msl-bg-brand-minimal)
}

.presentationOffre-container .npc-presentationOffre {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: auto
}

@media (min-width: 1170px) {
    .presentationOffre-container .npc-presentationOffre {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .presentationOffre-container .npc-presentationOffre {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .presentationOffre-container .npc-presentationOffre {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .presentationOffre-container .npc-presentationOffre {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .presentationOffre-container .npc-presentationOffre {
        padding-left:20px;
        padding-right: 20px
    }
}

.presentationOffre-container .npc-presentationOffre .npc-pof--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: 0 0 var(--msl-spacing-100) 0;
    text-transform: unset
}

.presentationOffre-container .npc-presentationOffre .npc-pof--mentionspec {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin: var(--msl-spacing-100) 0 0 0;
    text-transform: unset;
    color: var(--msl-text-moderate)
}

.presentationOffre-container .npc-presentationOffre .npc-pof-mentionbas {
    width: 100%;
    margin-top: var(--msl-spacing-100)
}

.presentationOffre-container .npc-presentationOffre .npc-wrapper {
    display: grid;
    width: 100%;
    gap: var(--msl-spacing-300)
}

.presentationOffre-container .npc-presentationOffre .npc-wrapper div[class*=placeholder-offre-] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .presentationOffre-container .npc-presentationOffre .npc-wrapper div[class*=placeholder-offre-] {
        display:-webkit-box;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.npc-simu-devis-outils--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 989px) {
    .npc-simu-devis-outils--flex {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        row-gap: var(--msl-spacing-200);
        margin-bottom: var(--msl-spacing-300)
    }
}

.npc-vignette-up2pay {
    width: 362px
}

@media (max-width: 989px) {
    .npc-vignette-up2pay {
        width:295px
    }
}

.npc-vignette-up2pay h3,.npc-vignette-up2pay li,.npc-vignette-up2pay p,.npc-vignette-up2pay ul {
    margin: unset
}

.npc-vignette-up2pay.npc--vignette.withBorder {
    padding: 20px;
    border-radius: 20px
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content {
    gap: unset;
    width: 322px
}

@media (max-width: 989px) {
    .npc-vignette-up2pay.npc--vignette .npc-vignette--content {
        width:255px
    }
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--data.npc-vignette-up2pay-marketing {
    min-height: 136px;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--data.npc-vignette-up2pay-marketing .npc-vignette-up2pay-tag {
    position: absolute;
    bottom: 0
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--data.npc-vignette-up2pay-marketing .npc-tag-price {
    background-color: var(--msl-bg-brand-minimal);
    color: var(--msl-text-accent)
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--data.npc-vignette-up2pay-marketing sup {
    font-weight: 600
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--details.npc-vignette-up2pay--header {
    gap: var(--msl-spacing-300)
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--details.npc-vignette-up2pay--header .npc-vignette-content-details--desc {
    margin-top: var(--msl-spacing-50)
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
    line-height: var(--msl-spacing-300);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-vignette-up2pay.npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    line-height: var(--msl-spacing-300);
    min-height: 48px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-vignette-up2pay .npc-vignette-up2pay--body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.npc-vignette-up2pay .npc-vignette-up2pay--body .npc-vignette-content-details--subtitle {
    font-size: var(--msl-fontSize-14)!important;
    font-weight: var(--msl-fontWeight-600)!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-vignette-up2pay .npc-vignette-up2pay--body.npc-vignette-up2pay-body--list ul {
    padding: unset
}

.npc-vignette-up2pay .npc-vignette-up2pay--body.npc-vignette-up2pay-body--list .npc-vignette-content--details {
    gap: var(--msl-spacing-100)
}

.npc-vignette-up2pay .npc-vignette-up2pay--body.npc-vignette-up2pay-body--list .npc-vignette-content--data {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-vignette-up2pay .npc-vignette-up2pay--body.npc-vignette-up2pay-body--list .npc-vignette-up2pay-list--check .icon {
    font-size: 24px
}

.npc-vignette-up2pay .npc-vignette-up2pay--body.npc-vignette-up2pay-body--desc .npc-vignette-content--details {
    gap: var(--msl-spacing-150)
}

.npc-vignette-up2pay .npc-vignette-up2pay--body.npc-vignette-up2pay-body--desc .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-vignette-up2pay .npc-vignette-up2pay--body .up2pay-voirplus {
    margin: auto;
    margin-top: var(--msl-spacing-300);
    padding: unset;
    padding-right: 28px;
    border: unset;
    background: unset;
    color: var(--msl-text);
    text-decoration: unset;
    text-transform: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    outline: 0;
    box-shadow: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

.npc-vignette-up2pay .npc-vignette-up2pay--body .up2pay-voirplus:not(.sr-only) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.npc-vignette-up2pay .npc-vignette-up2pay--body .up2pay-voirplus:focus-within::before {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-50);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.npc-vignette-up2pay .npc-vignette-up2pay--body .up2pay-voirplus::after {
    content: "";
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-text-primary);
    position: absolute;
    right: 0;
    font-family: "NPC Icons crunchy R2503"!important
}

.npc-vignette-up2pay .npc-vignette-up2pay--body .up2pay-voirplus[aria-expanded=true]::after {
    content: ""
}

.npc-vignette-nbq {
    width: 362px;
    min-width: 362px
}

.npc-vignette-nbq h3,.npc-vignette-nbq p {
    margin: unset
}

.npc-vignette-nbq.npc--vignette.withBorder {
    padding: 20px;
    min-width: 362px;
    border-radius: 20px
}

@media (max-width: 649px) {
    .npc-vignette-nbq.npc--vignette.withBorder {
        width:268px;
        min-width: 268px
    }
}

.npc-vignette-nbq.npc--vignette .npc-vignette--content {
    width: 100%;
    gap: var(--msl-spacing-300)
}

.npc-vignette-nbq.npc--vignette .npc-vignette--content .npc-vignette-content--details.npc-vignette-nbq-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    gap: var(--msl-spacing-50);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-vignette-nbq.npc--vignette .npc-vignette--content .npc-vignette-content--details.npc-vignette-nbq-header .npc-vignette-nbq-data-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-50);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.npc-vignette-nbq.npc--vignette .npc-vignette--content hr {
    margin-top: unset;
    margin-bottom: unset
}

.npc-vignette-nbq .npc-vignette-content-details--title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-vignette-nbq .npc-vignette-content-details--desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.npc-vignette-nbq .npc-vignette-nbq-img {
    width: 82px;
    height: 52px
}

.npc-vignette-nbq .npc-vignette-nbq-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-200)
}

.npc-vignette-nbq .npc-vignette-nbq-body .npc-vignette-nbq-tag {
    min-height: 84px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-200)
}

.npc-vignette-nbq .npc-vignette-nbq-body .npc-vignette-nbq-marketing {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-height: 73px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.npc-vignette-nbq .npc-vignette-nbq-body .npc-vignette-nbq-marketing sup {
    font-weight: 600
}

.npc-vignette-nbq .npc-vignette-nbq-body .npc-vignette-nbq-marketing .npc-tag-price {
    background-color: var(--msl-bg-brand-minimal);
    color: var(--msl-text-accent)
}

.npc-pushOffresNbq-full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-pushOffresNbq-full-width .npc-pushOffresNbq {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

@media (min-width: 1170px) {
    .npc-pushOffresNbq-full-width .npc-pushOffresNbq>* {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-pushOffresNbq-full-width .npc-pushOffresNbq>* {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .npc-pushOffresNbq-full-width .npc-pushOffresNbq>* {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .npc-pushOffresNbq-full-width .npc-pushOffresNbq>* {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-pushOffresNbq-full-width .npc-pushOffresNbq>* {
        padding-left:20px;
        padding-right: 20px
    }
}

.npc-pushOffresNbq-full-width .npc-pushOffresNbq h1,.npc-pushOffresNbq-full-width .npc-pushOffresNbq h2,.npc-pushOffresNbq-full-width .npc-pushOffresNbq h3,.npc-pushOffresNbq-full-width .npc-pushOffresNbq p {
    margin-top: unset;
    margin-bottom: unset
}

.npc-pushOffresNbq-full-width .npc-pushOffresNbq .npc-pushOffresNbq--title {
    padding-bottom: var(--msl-spacing-00)
}

.npc-pushOffresNbq-full-width .npc-pushOffresNbq .npc-pushOffresNbq--cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .npc-pushOffresNbq-full-width .npc-pushOffresNbq .npc-pushOffresNbq--cards {
        overflow-x:scroll;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .npc-pushOffresNbq-full-width .npc-pushOffresNbq .npc-pushOffresNbq--cards::-webkit-scrollbar {
        display: none
    }
}

.npc-catalogue-offres {
    width: 100%;
    max-width: 1184px
}

.npc-catalogue-offres h1,.npc-catalogue-offres h2,.npc-catalogue-offres h3,.npc-catalogue-offres p {
    margin-top: unset;
    margin-bottom: unset
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1170px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-titre {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: var(--msl-spacing-400)
}

@media (min-width: 649px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-titre {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-titre {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (max-width: 989px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-titre {
        margin-bottom:var(--msl-spacing-300)
    }
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-sous-titre {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (min-width: 649px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-sous-titre {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-sous-titre {
        padding-left:20px;
        padding-right: 20px
    }
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: var(--msl-spacing-300);
    padding-bottom: var(--msl-spacing-00);
    gap: var(--msl-spacing-200)
}

@media (min-width: 649px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (max-width: 989px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content {
        overflow-x:scroll;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100vw
    }

    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content::-webkit-scrollbar {
        display: none
    }
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: var(--msl-spacing-200);
    padding: var(--msl-spacing-150);
    height: 224px;
    min-width: unset
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette.npc--vignette.withBorder {
    border-radius: var(--msl-borderRadius-150)
}

@media (max-width: 989px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette {
        width:232px;
        height: 224px
    }

    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette .npc-catalogue-offres-vignette-image {
        width: 208px
    }
}

@media (min-width: 990px) {
    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette {
        width:268px
    }

    .npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette .npc-catalogue-offres-vignette-image {
        width: 244px
    }
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette .npc-catalogue-offres-vignette-visuel {
    position: relative
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette .npc-catalogue-offres-vignette-visuel .npc-catalogue-offres-vignette-tag {
    position: absolute;
    bottom: 8px;
    left: 8px
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette .npc-catalogue-offres-vignette-visuel::before {
    border-radius: var(--msl-borderRadius-150);
    position: absolute;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(59.5%,rgba(0,0,0,.4)),to(rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 59.5%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 59.5%,rgba(0,0,0,.6) 100%);
    content: ' ';
    top: 0;
    right: 0
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette .npc-catalogue-offres-vignette-image {
    border-radius: var(--msl-borderRadius-150);
    height: 140px;
    margin: unset
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette .npc-catalogue-offres-vignette-titre {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette a.npc-catalogue-offres-vignette-titre {
    color: var(--msl-text);
    text-decoration: unset
}

.npc-catalogue-offres .npc-catalogue-offres-wrapper .npc-catalogue-offres-content .npc-catalogue-offres-vignette a.npc-catalogue-offres-vignette-titre::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: ' ';
    top: 0;
    right: 0;
    border-radius: var(--msl-borderRadius-200)
}

.npc-timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: var(--msl-spacing-300);
    width: 100%
}

@media (min-width: 1170px) {
    .npc-timeline {
        margin:var(--msl-spacing-400);
        max-width: 1120px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-timeline {
        margin:20px var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .npc-timeline {
        margin:var(--msl-spacing-200) 20px
    }
}

.npc-timeline .npc-timeline--title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset;
    text-transform: unset
}

.npc-timeline .npc-timeline--items {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-300);
    margin: unset;
    padding: unset
}

@media (max-width: 989px) {
    .npc-timeline .npc-timeline--items {
        -webkit-flex-direction:column;
        flex-direction: column;
        -webkit-box-orient: vertical
    }
}

.npc-timeline .npc-timeline-item--content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    gap: var(--msl-spacing-200);
    padding: 20px;
    border-radius: var(--msl-borderRadius-150);
    border: 1px solid var(--msl-border-disabled)
}

.npc-timeline .npc-timeline-item--content .npc-timeline-item-desc {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    text-align: center;
    margin: unset
}

.npc-vignette-info-lien {
    width: 300px;
    min-height: 136px
}

.npc-vignette-info-lien.npc--vignette.withBorder {
    padding: 0;
    width: 300px;
    border-radius: var(--msl-borderRadius-150)
}

.npc-vignette-info-lien .npc-vignette-info-lien--content {
    padding: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: var(--msl-spacing-100)
}

.npc-vignette-info-lien .npc-vignette-info-lien--content .npc-vignette-info-lien--icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.npc-vignette-info-lien .npc-vignette-info-lien--content .npc-vignette-info-lien--text {
    margin-top: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-50)
}

.npc-vignette-info-lien .npc-vignette-info-lien--content .npc-vignette-info-lien--text .npc-vignette-info-lien-title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700)
}

.npc-vignette-info-lien .npc-vignette-info-lien--content .npc-vignette-info-lien--text .npc-vignette-info-lien-desc {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.npc-vignette-info-lien .npc-vignette-info-lien--content p {
    margin: unset
}

.npc-template-headless {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-200)
}

.npc-template-headless .npc-template-headless--item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.npc-template-headless .npc-template-headless--item:not(.npc-template-headless--block)>* {
    max-width: 995px;
    margin: auto
}

.npc-template-headless .npc-template-headless--width-350 {
    width: 350px
}

.npc-template-headless .npc-template-headless--h1 {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset
}

@media (max-width: 989px) {
    .npc-template-headless .npc-template-headless--h1 {
        font-size:var(--msl-fontSize-34)
    }
}

.npc-template-headless .npc-template-headless--h2 {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: unset
}

.npc-template-headless-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 48px;
    max-width: 1120px;
    margin: auto;
    padding-top: var(--msl-spacing-400);
    padding-bottom: var(--msl-spacing-400)
}

@media (max-width: 989px) {
    .npc-template-headless-img {
        gap:var(--msl-spacing-200)
    }
}

.npc-template-headless-img .npc-template-headless-img--gauche {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-200);
    width: 33%
}

@media (max-width: 989px) {
    .npc-template-headless-img .npc-template-headless-img--gauche {
        width:100%
    }
}

.npc-template-headless-img .npc-template-headless-img--gauche .npc-template-headless-img-gauche--img {
    width: 100%
}

.npc-template-headless-img .npc-template-headless-img--droite {
    width: 67%
}

@media (max-width: 989px) {
    .npc-template-headless-img .npc-template-headless-img--droite {
        display:none
    }
}

.npc-template-headless-img .npc-template-headless-img--droite .npc-template-headless-img-droite--img {
    width: 100%
}

.npc-pushverscr-input {
    max-width: 450px
}

.npc-pushverscr-input.has-error {
    color: #ca2f2e;
    border-color: #ca2f2e
}

.npc-pushverscr-GeolocationDisabled-content {
    background-color: var(--msl-bg-brand-minimal);
    border-radius: var(--msl-borderRadius-250);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--msl-spacing-400);
    gap: var(--msl-spacing-300);
    margin-bottom: var(--msl-spacing-50);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.npc-pushverscr-GeolocationDisabled-title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.npc-pushverscr-GeolocationDisabled-accroche {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.npc-pushverscr-label-input {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    text-transform: none;
    margin-top: var(--msl-spacing-400)
}

.npc-pushverscr-GeolocationDisabled-btn {
    white-space: pre-wrap;
    margin: 20px var(--msl-spacing-00) var(--msl-spacing-00)
}

.npc-pushverscr-input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 450px
}

.npc-pushverscr-input-container {
    position: relative
}

.npc-pushverscr-input-container input:not(:-moz-placeholder-shown)+.npc-pushverscr-btn-clear {
    display: flex
}

.npc-pushverscr-input-container input:not(:-ms-input-placeholder)+.npc-pushverscr-btn-clear {
    display: flex
}

.npc-pushverscr-input-container input:not(:placeholder-shown)+.npc-pushverscr-btn-clear {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.npc-pushverscr-btn-clear {
    position: absolute;
    right: var(--msl-spacing-150);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    cursor: pointer
}

.npc-pushverscr-help-block {
    display: block;
    margin-top: var(--msl-spacing-75);
    margin-bottom: var(--msl-spacing-100);
    color: #ca2f2e
}

.npc-pushverscr-svg-right {
    visibility: visible;
    display: block
}

.npc-pushverscr-content-left {
    max-width: 710px
}

@media screen and (max-width: 989px) {
    .npc-pushverscr-svg-right {
        visibility:hidden;
        display: none
    }
}

.contenuEditorial-container .npc-contenuEditorial {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: auto
}

@media (min-width: 1170px) {
    .contenuEditorial-container .npc-contenuEditorial {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .contenuEditorial-container .npc-contenuEditorial {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .contenuEditorial-container .npc-contenuEditorial {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .contenuEditorial-container .npc-contenuEditorial {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .contenuEditorial-container .npc-contenuEditorial {
        padding-left:20px;
        padding-right: 20px
    }
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette {
    gap: var(--msl-spacing-400)
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .npc-vignette--content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .npc-vignette--content.heading-link {
    gap: var(--msl-spacing-300)
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .npc-vignette--content.heading-link .npc-vignette-content--details .npc-vignette-content-details--title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .npc-vignette--content.heading-link .npc-vignette-content--details .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .npc-vignette--content.with-half-width {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (max-width: 989px) {
    .contenuEditorial-container .npc-contenuEditorial .npc--vignette .npc-vignette--content.with-half-width {
        width:100%
    }
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .npc-vignette--content.with-full-width {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

@media (max-width: 989px) {
    .contenuEditorial-container .npc-contenuEditorial .npc--vignette .card-categorie .npc--vignette {
        gap:var(--msl-spacing-150)
    }
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .card-categorie .npc--vignette .npc-vignette--img {
    width: 100%;
    height: 148px
}

@media (max-width: 989px) {
    .contenuEditorial-container .npc-contenuEditorial .npc--vignette .card-categorie .npc--vignette .npc-vignette--img {
        margin:0;
        height: 200px
    }
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .card-categorie .npc--vignette .npc-vignette--content {
    gap: var(--msl-spacing-100);
    width: 100%
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .card-categorie .npc--vignette .npc-vignette--content .npc-vignette-content--details {
    gap: var(--msl-spacing-100)
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .card-categorie .npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600)
}

.contenuEditorial-container .npc-contenuEditorial .npc--vignette .card-categorie .npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.contenuEditorial-container .npc-contenuEditorial h3,.contenuEditorial-container .npc-contenuEditorial p {
    margin: unset
}

.npc-lead-2-clics {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: auto
}

@media (min-width: 1170px) {
    .npc-lead-2-clics {
        padding-top:var(--msl-spacing-400);
        padding-bottom: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .npc-lead-2-clics {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (max-width: 649px) {
    .npc-lead-2-clics {
        padding-top:var(--msl-spacing-200);
        padding-bottom: var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .npc-lead-2-clics {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400);
        max-width: 1184px
    }
}

@media (max-width: 649px) {
    .npc-lead-2-clics {
        padding-left:20px;
        padding-right: 20px
    }
}

.npc-lead-2-clics .npc--vignette {
    gap: var(--msl-spacing-300)
}

@media (max-width: 989px) {
    .npc-lead-2-clics .npc--vignette {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.npc-lead-2-clics .npc--vignette .npc-vignette--img {
    min-height: 248px;
    width: 100%
}

@media (max-width: 989px) {
    .npc-lead-2-clics .npc--vignette .npc-vignette--img {
        margin:unset;
        min-height: 229px
    }
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content {
    padding: var(--msl-spacing-00) 72px;
    border-radius: 20px;
    gap: var(--msl-spacing-300)
}

@media (max-width: 989px) {
    .npc-lead-2-clics .npc--vignette .npc-vignette--content {
        padding:unset
    }
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-vignette-content--details {
    gap: var(--msl-spacing-100)
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--title {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-text)
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-vignette-content--details .npc-vignette-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-text)
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-content-classic {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: var(--msl-spacing-300)
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-content-classic .npc-ligne-continue {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-content-classic .npc-ligne-continue:after,.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-content-classic .npc-ligne-continue:before {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-top: 1px solid var(--msl-text-moderate);
    margin: 0 var(--msl-spacing-100)
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content .npc-content-classic .npc-ligne-continue span {
    white-space: nowrap;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-text-moderate)
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content h3,.npc-lead-2-clics .npc--vignette .npc-vignette--content p {
    margin: unset
}

.npc-lead-2-clics .npc--vignette .npc-vignette--content a,.npc-lead-2-clics .npc--vignette .npc-vignette--content button {
    width: 100%
}

.npc-lead-2-clics .npc-response {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.npc-lead-2-clics .npc-response .npc-response-content-error,.npc-lead-2-clics .npc-response .npc-response-content-error-retry,.npc-lead-2-clics .npc-response .npc-response-content-success {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-500)
}

.npc-lead-2-clics .npc-response .npc-response-content-error .npc-response-content-details,.npc-lead-2-clics .npc-response .npc-response-content-error-retry .npc-response-content-details,.npc-lead-2-clics .npc-response .npc-response-content-success .npc-response-content-details {
    gap: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.npc-lead-2-clics .npc-response .npc-response-content-error .npc-response-content-details .npc-response-content-details--title,.npc-lead-2-clics .npc-response .npc-response-content-error-retry .npc-response-content-details .npc-response-content-details--title,.npc-lead-2-clics .npc-response .npc-response-content-success .npc-response-content-details .npc-response-content-details--title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-text)
}

.npc-lead-2-clics .npc-response .npc-response-content-error .npc-response-content-details .npc-response-content-details--desc,.npc-lead-2-clics .npc-response .npc-response-content-error-retry .npc-response-content-details .npc-response-content-details--desc,.npc-lead-2-clics .npc-response .npc-response-content-success .npc-response-content-details .npc-response-content-details--desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-text)
}

.npc-lead-2-clics .npc-response .npc-response-icon {
    font-size: 32px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.npc-lead-2-clics .npc-response .npc-response-content-error .npc-response-icon,.npc-lead-2-clics .npc-response .npc-response-content-error-retry .npc-response-icon {
    color: var(--msl-text-critical);
    background: var(--msl-bg-critical-minimal)
}

.npc-lead-2-clics .npc-response .npc-response-content-success .npc-response-icon {
    color: var(--msl-text-success);
    background: var(--msl-bg-success-transparent)
}

.npc-lead-2-clics .npc-response h2,.npc-lead-2-clics .npc-response p {
    margin: unset
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

@media print {
    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: none!important
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    i,li,p {
        display: inline;
        margin: 0;
        text-align: justify
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("./clientlib-resources/resources/fonts/glyphicons/glyphicons-halflings-regular.eot");
    src: url("./clientlib-resources/resources/fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("./clientlib-resources/resources/fonts/glyphicons/glyphicons-halflings-regular.woff2") format("woff2"),url("./clientlib-resources/resources/fonts/glyphicons/glyphicons-halflings-regular.woff") format("woff"),url("./clientlib-resources/resources/fonts/glyphicons/glyphicons-halflings-regular.ttf") format("truetype"),url("./clientlib-resources/resources/fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before,.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 14px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: var(--msl-fontFamily-body);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-text);
    background-color: var(--msl-artwork-grey-0);
    line-height: 1.5
}

@media (min-width: 990px) {
    body {
        font-size:14px
    }
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: var(--msl-brand-primary);
    text-decoration: underline;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

a:focus {
    outline: 0
}

.panel-primary a {
    color: #fff;
    text-decoration: underline
}

.panel-primary a:focus,.panel-primary a:hover {
    color: var(--msl-artwork-grey-100);
    text-decoration: underline
}

.panel-primary a:focus {
    outline: 0
}

.link-picto>span {
    color: var(--msl-brand-secondary-500)
}

.link-picto>span:hover {
    color: var(--msl-brand-secondary-400)
}

.link-picto>a {
    color: var(--msl-brand-primary)
}

.link-picto>a:hover {
    color: #308276
}

.link-picto>a:active {
    color: var(--msl-brand-secondary-500)
}

.panel-primary .link-picto>a {
    color: var(--msl-artwork-grey-0)
}

.panel-primary .link-picto>a:hover {
    color: var(--msl-artwork-grey-100)
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.img-rounded {
    border-radius: var(--msl-borderRadius-200)
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.5;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-secondary-100);
    border-radius: var(--msl-borderRadius-100);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d9dbe3
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.background-primary {
    background-color: var(--msl-brand-primary)
}

.background-primary-dark {
    background-color: var(--msl-brand-secondary-500)
}

.background-primary-light {
    background-color: var(--msl-brand-secondary-400)
}

.background-primary-disabled {
    background-color: var(--msl-artwork-grey-100)
}

.background-secondary {
    background-color: var(--msl-brand-secondary-400)
}

.background-secondary-dark {
    background-color: var(--msl-brand-secondary-500)
}

.background-gray01 {
    background-color: var(--msl-artwork-grey-50)
}

.background-gray02 {
    background-color: var(--msl-artwork-grey-900)
}

.background-gray03 {
    background-color: var(--msl-artwork-grey-600)
}

.background-gray04 {
    background-color: var(--msl-artwork-grey-100)
}

.background-gray05 {
    background-color: var(--msl-artwork-grey-50)
}

.background-gray06 {
    background-color: var(--msl-artwork-grey-50)
}

.background-white {
    background-color: var(--msl-artwork-grey-0)
}

.background-contact {
    background-color: var(--msl-functionnal-contact)
}

.background-contact-dark {
    background-color: #004652
}

.background-contact-ring {
    background-color: #d8ead7
}

.background-success {
    background-color: var(--msl-functionnal-success-100)
}

.background-info {
    background-color: var(--msl-functionnal-information-100)
}

.background-warning {
    background-color: var(--msl-functionnal-warning-100)
}

.background-danger {
    background-color: var(--msl-functionnal-danger-100)
}

.font-primary {
    background-color: var(--font-primary,var(--msl-brand-primary))
}

select>option {
    font-weight: var(--msl-fontWeight-400)
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: var(--msl-functionnal-danger-100);
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-100)
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-artwork-grey-900);
    border-radius: var(--msl-borderRadius-50);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    color: #19212d;
    background-color: var(--msl-artwork-grey-50);
    border: 1px solid var(--msl-artwork-grey-300);
    border-radius: var(--msl-borderRadius-100)
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}


table {
    background-color: var(--msl-artwork-grey-50);
    border: none
}

.caption,caption {
    padding: 8px;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    text-align: left;
    text-transform: uppercase;
    font-weight: var(--msl-fontWeight-600)
}

.caption .cell-amount,caption .cell-amount {
    color: #fff
}

.caption .cell-balance,caption .cell-balance {
    color: #fff
}

.caption a,caption a {
    color: #fff
}

.caption a:hover,caption a:hover {
    color: #fff
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid var(--msl-artwork-grey-100)
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--msl-artwork-grey-100);
    background-color: var(--msl-artwork-grey-100)
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid var(--msl-artwork-grey-100)
}

.table .table {
    background-color: var(--msl-artwork-grey-0)
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid var(--msl-artwork-grey-100)
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid var(--msl-artwork-grey-100)
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(2n) {
    background-color: var(--msl-artwork-grey-300)
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--msl-artwork-grey-50)
}

.nobackground {
    background-color: transparent
}

.nobackground>thead>tr>th {
    background-color: transparent;
    border: none
}

.nobackground>tbody>tr>td {
    background-color: transparent;
    border: none
}

.table-hover>tbody>tr:hover {
    background-color: #f6f7f9
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f6f7f9
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e7e9ef
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #44ac6026
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: rgba(61,154,86,.14902)
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #5aaad526
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: rgba(70,160,208,.14902)
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #f8824b26
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: rgba(247,113,50,.14902)
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f26a6326
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: rgba(240,84,75,.14902)
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 649px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid var(--msl-artwork-grey-100)
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.cell-balance {
    color: var(--msl-brand-primary);
    text-align: right;
    font-weight: var(--msl-fontWeight-600)
}

.cell-balance[data-negative] {
    color: red
}

.cell-amount {
    color: var(--msl-brand-primary);
    text-align: right;
    font-weight: var(--msl-fontWeight-700)
}

.cell-amount[data-negative] {
    color: var(--msl-artwork-grey-1000)
}

.table-mother>tbody>tr>td.cell-table,.table-mother>tbody>tr>th.cell-table,.table-mother>thead>tr>td.cell-table,.table-mother>thead>tr>th.cell-table {
    padding: 0
}

.table-included {
    margin-bottom: 0
}

.table-included>tbody>tr>td,.table-included>tbody>tr>th,.table-included>thead>tr>td,.table-included>thead>tr>th {
    background-color: var(--msl-artwork-grey-50)
}

.table-included>tbody>tr>td.encart,.table-included>tbody>tr>th.encart,.table-included>thead>tr>td.encart,.table-included>thead>tr>th.encart {
    background-color: var(--msl-brand-primary)
}

.table-included>tbody>tr.caption,.table-included>thead>tr.caption {
    padding: 8px;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    text-align: left;
    text-transform: uppercase;
    font-weight: var(--msl-fontWeight-600)
}

.table-included>tbody>tr.caption .cell-amount,.table-included>thead>tr.caption .cell-amount {
    color: #fff
}

.table-included>tbody>tr.caption .cell-balance,.table-included>thead>tr.caption .cell-balance {
    color: #fff
}

.table-included>tbody>tr.caption>td,.table-included>tbody>tr.caption>th,.table-included>thead>tr.caption>td,.table-included>thead>tr.caption>th {
    background-color: var(--msl-brand-primary)
}

.borderless {
    margin-bottom: 0
}

.borderless>tbody>tr>td,.borderless>tbody>tr>th,.borderless>thead>tr>td,.borderless>thead>tr>th {
    border-top: none
}

.border>tbody>tr>td,.border>tbody>tr>th,.border>thead>tr>td,.border>thead>tr>th {
    border: 1px solid var(--msl-artwork-grey-100)
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: var(--msl-fontWeight-600);
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 11px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 0
}

.btn.focus,.btn:focus,.btn:hover {
    color: #19212d;
    text-decoration: none
}

.btn.active,.btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #19212d;
    background-color: #fff;
    border-color: #bcc0cd
}

.btn-default.focus,.btn-default:focus {
    color: #19212d;
    background-color: #e6e6e6;
    border-color: #737b97
}

.btn-default:hover {
    color: #19212d;
    background-color: #e6e6e6;
    border-color: #999fb3
}

.open>.btn-default.dropdown-toggle {
    color: #19212d;
    background-color: #e6e6e6;
    border-color: #999fb3
}

.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover {
    color: #19212d;
    background-color: #d4d4d4;
    border-color: #737b97
}

.open>.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #bcc0cd
}

.btn-default .badge {
    color: #fff;
    background-color: #19212d
}

.btn-primary {
    color: #fff;
    background-color: #007461;
    border-color: #005b4c
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #004136;
    border-color: #000
}

.btn-primary:hover {
    color: #fff;
    background-color: #004136;
    border-color: #001d19
}

.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #004136;
    border-color: #001d19
}

.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #001d19;
    border-color: #000
}

.open>.btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #007461;
    border-color: #005b4c
}

.btn-primary .badge {
    color: #007461;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #008037;
    border-color: #00672c
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #004d21;
    border-color: #000
}

.btn-success:hover {
    color: #fff;
    background-color: #004d21;
    border-color: #002912
}

.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #004d21;
    border-color: #002912
}

.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #002912;
    border-color: #000
}

.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #008037;
    border-color: #00672c
}

.btn-success .badge {
    color: #008037;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #097faf;
    border-color: #086d97
}

.btn-info.focus,.btn-info:focus {
    color: #fff;
    background-color: #075c7e;
    border-color: #02151d
}

.btn-info:hover {
    color: #fff;
    background-color: #075c7e;
    border-color: #05435d
}

.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #075c7e;
    border-color: #05435d
}

.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #05435d;
    border-color: #02151d
}

.open>.btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #097faf;
    border-color: #086d97
}

.btn-info .badge {
    color: #097faf;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #c85207;
    border-color: #af4806
}

.btn-warning.focus,.btn-warning:focus {
    color: #fff;
    background-color: #973e05;
    border-color: #341502
}

.btn-warning:hover {
    color: #fff;
    background-color: #973e05;
    border-color: #743004
}

.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #973e05;
    border-color: #743004
}

.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #743004;
    border-color: #341502
}

.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #c85207;
    border-color: #af4806
}

.btn-warning .badge {
    color: #c85207;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #ca2f2e;
    border-color: #b52a29
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff;
    background-color: #a02525;
    border-color: #4d1212
}

.btn-danger:hover {
    color: #fff;
    background-color: #a02525;
    border-color: #831f1e
}

.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #a02525;
    border-color: #831f1e
}

.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #831f1e;
    border-color: #4d1212
}

.open>.btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #ca2f2e;
    border-color: #b52a29
}

.btn-danger .badge {
    color: #ca2f2e;
    background-color: #fff
}

.btn-link {
    color: var(--msl-brand-primary);
    font-weight: 400;
    border-radius: 0
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-artwork-grey-300);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: var(--msl-borderRadius-100);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: var(--msl-artwork-grey-100)
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    color: #19212d;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #10151d;
    background-color: var(--msl-artwork-grey-50)
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    outline: 0;
    background-color: #007461
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #666e8a
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: var(--msl-fontSize-12);
    line-height: 1.5;
    color: #666e8a;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 8px dashed;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 650px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:after,.btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg>.btn .caret,.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 11px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--msl-artwork-grey-1000);
    text-align: center;
    background-color: #d9dbe3;
    border: 1px solid var(--msl-artwork-grey-300);
    border-radius: 12px
}

.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: var(--msl-fontSize-12);
    border-radius: 12px
}

.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: var(--msl-fontSize-18);
    border-radius: 12px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:after,.nav:before {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #d9dbe3
}

.nav>li.disabled>a {
    color: #666e8a
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #666e8a;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #d9dbe3;
    border-color: var(--msl-brand-primary)
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid var(--msl-brand-secondary-100)
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.5;
    border: 1px solid transparent;
    border-radius: var(--msl-borderRadius-100) var(--msl-borderRadius-100) 0 0
}

.nav-tabs>li>a:hover {
    border-color: #d9dbe3 #d9dbe3 var(--msl-brand-secondary-100)
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #666e8a;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-secondary-100);
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: var(--msl-borderRadius-100)
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: var(--msl-artwork-grey-0);
    background-color: #007461
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 650px) {
    .nav-justified>li,.nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a,.nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: var(--msl-borderRadius-100)
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid var(--msl-brand-secondary-100)
}

@media (min-width: 650px) {
    .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
        border-bottom:1px solid var(--msl-brand-secondary-100);
        border-radius: var(--msl-borderRadius-100) var(--msl-borderRadius-100) 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: var(--msl-artwork-grey-0)
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar:after,.navbar:before {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media (min-width: 650px) {
    .navbar {
        border-radius:var(--msl-borderRadius-100)
    }
}

.navbar-header:after,.navbar-header:before {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 650px) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:after,.navbar-collapse:before {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 650px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 320px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 650px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right:0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 650px) {
    .navbar-static-top {
        border-radius:0
    }
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 650px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius:0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: var(--msl-fontSize-18);
    line-height: 20px;
    height: 50px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 650px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:-15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: var(--msl-borderRadius-100)
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 650px) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 649px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 650px) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 1px;
    margin-bottom: 1px
}

@media (min-width: 650px) {
    .navbar-form .form-group,.navbar-form .input-field {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        border: none;
        width: auto
    }

    .navbar-form .input-group .input-group-addon {
        background-color: #fff;
        color: var(--msl-brand-primary)
    }

    .navbar-form .input-group>input {
        border: none;
        height: 39px!important
    }

    .navbar-form .input-group.input-amount .form-control,.navbar-form .input-group.input-date .form-control {
        border: 1px solid var(--msl-artwork-grey-300)!important
    }

    .navbar-form .input-group.input-amount>input,.navbar-form .input-group.input-date>input {
        border: 1px solid var(--msl-artwork-grey-300)!important
    }

    .navbar-form .input-group.input-amount>input:focus,.navbar-form .input-group.input-date>input:focus {
        border: 1px solid var(--msl-brand-primary)!important
    }

    .navbar-form .input-group-100 {
        width: 100%!important
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 649px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 650px) {
    .navbar-form {
        width:auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: var(--msl-borderRadius-100);
    border-top-left-radius: var(--msl-borderRadius-100);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 1px;
    margin-bottom: 1px
}

.btn-group-sm>.navbar-btn.btn,.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-group-xs>.navbar-btn.btn,.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 650px) {
    .navbar-text {
        float:left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 650px) {
    .navbar-left {
        float:left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f6f7f9;
    border-color: #e2e5ec
}

.navbar-default .navbar-brand {
    color: #666e8a
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #50576d;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: var(--msl-artwork-grey-600)
}

.navbar-default .navbar-nav>li>a {
    color: #666e8a
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: var(--msl-artwork-grey-900);
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: var(--msl-artwork-grey-600);
    background-color: #e2e5ec
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: var(--msl-artwork-grey-300);
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: var(--msl-brand-secondary-100)
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: var(--msl-brand-secondary-100)
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--msl-artwork-grey-600)
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e2e5ec
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e2e5ec;
    color: var(--msl-artwork-grey-600)
}

@media (max-width: 649px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#666e8a
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: var(--msl-artwork-grey-900);
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: var(--msl-artwork-grey-600);
        background-color: #e2e5ec
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: var(--msl-artwork-grey-300);
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #666e8a
}

.navbar-default .navbar-link:hover {
    color: var(--msl-artwork-grey-900)
}

.navbar-default .btn-link {
    color: #666e8a
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: var(--msl-artwork-grey-900)
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: var(--msl-artwork-grey-300)
}

.navbar-inverse {
    background-color: #19212d;
    border-color: #07090c
}

.navbar-inverse .navbar-brand {
    color: #9096ad
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: var(--msl-artwork-grey-0);
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9096ad
}

.navbar-inverse .navbar-nav>li>a {
    color: #9096ad
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: var(--msl-artwork-grey-0);
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: var(--msl-artwork-grey-0);
    background-color: #07090c
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: var(--msl-brand-secondary-500);
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: var(--msl-artwork-grey-900)
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: var(--msl-artwork-grey-900)
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: var(--msl-artwork-grey-0)
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #0c1016
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #07090c;
    color: var(--msl-artwork-grey-0)
}

@media (max-width: 649px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#07090c
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #07090c
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9096ad
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: var(--msl-artwork-grey-0);
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: var(--msl-artwork-grey-0);
        background-color: #07090c
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: var(--msl-brand-secondary-500);
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9096ad
}

.navbar-inverse .navbar-link:hover {
    color: var(--msl-artwork-grey-0)
}

.navbar-inverse .btn-link {
    color: #9096ad
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: var(--msl-artwork-grey-0)
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: var(--msl-brand-secondary-500)
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    border-radius: var(--msl-borderRadius-100)
}

.breadcrumb>li {
    display: inline-block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.breadcrumb>li>a {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.breadcrumb>li+li:before {
    content: "> ";
    padding: 0;
    color: var(--msl-artwork-grey-900)
}

.breadcrumb>.active {
    color: #19212d
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: var(--msl-borderRadius-100)
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 11px 12px;
    line-height: 1.5;
    text-decoration: none;
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0);
    border: none;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: var(--msl-borderRadius-100);
    border-top-left-radius: var(--msl-borderRadius-100)
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: var(--msl-borderRadius-100);
    border-top-right-radius: var(--msl-borderRadius-100)
}

.pagination>li>a,.pagination>li>span {
    width: 38px;
    height: 38px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    color: var(--msl-artwork-grey-900);
    border: 1px solid transparent
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #308276;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-primary);
    border-radius: 50%
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-primary);
    border-color: var(--msl-brand-primary);
    cursor: default;
    border-radius: 50%
}

.pagination>.inactive>a:focus,.pagination>.inactive>a:hover,.pagination>.inactive>span:focus,.pagination>.inactive>span:hover {
    cursor: default;
    border: 1px solid transparent
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #666e8a;
    background-color: var(--msl-artwork-grey-0);
    cursor: not-allowed;
    border: 1px solid transparent
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: var(--msl-fontSize-18);
    line-height: 1.33333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: var(--msl-borderRadius-200);
    border-top-left-radius: var(--msl-borderRadius-200)
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: var(--msl-borderRadius-200);
    border-top-right-radius: var(--msl-borderRadius-200)
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: var(--msl-fontSize-12);
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: var(--msl-borderRadius-50);
    border-top-left-radius: var(--msl-borderRadius-50)
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: var(--msl-borderRadius-50);
    border-top-right-radius: var(--msl-borderRadius-50)
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager:after,.pager:before {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-secondary-100);
    border-radius: 15px
}

.pager li>a:focus,.pager li>a:hover {
    text-decoration: none;
    background-color: var(--msl-artwork-grey-0)
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    color: #666e8a;
    background-color: var(--msl-artwork-grey-0);
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: var(--msl-artwork-grey-900);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:focus,a.label:hover {
    color: var(--msl-artwork-grey-900);
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #666e8a
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #50576d
}

.label-primary {
    background-color: #007461
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #004136
}

.label-success {
    background-color: #008037
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #004d21
}

.label-info {
    background-color: #097faf
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #075c7e
}

.label-warning {
    background-color: #c85207
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #973e05
}

.label-danger {
    background-color: #ca2f2e
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #a02525
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: var(--msl-fontSize-12);
    font-weight: 700;
    color: var(--msl-artwork-grey-0);
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #666e8a;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0)
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:focus,a.badge:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    cursor: pointer
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #d9dbe3
}

.jumbotron .h1,.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: var(--msl-fontSize-24);
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #bcbfcd
}

.container .jumbotron,.container-fluid .jumbotron {
    border-radius: var(--msl-borderRadius-200);
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 650px) {
    .jumbotron {
        padding-top:48px;
        padding-bottom: 48px
    }

    .container .jumbotron,.container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1,.jumbotron h1 {
        font-size: 72px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.5;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-secondary-100);
    border-radius: var(--msl-borderRadius-100);
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a>img,.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #19212d
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color: var(--msl-brand-primary)
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: var(--msl-borderRadius-100)
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #44ac6026;
    border-color: rgba(61,154,70,.14902);
    color: #008037
}

.alert-success hr {
    border-top-color: rgba(54,135,62,.14902)
}

.alert-success .alert-link {
    color: #004d21
}

.alert-info {
    background-color: #5aaad526;
    border-color: rgba(62,179,206,.14902);
    color: #097faf
}

.alert-info hr {
    border-top-color: rgba(49,166,193,.14902)
}

.alert-info .alert-link {
    color: #075c7e
}

.alert-warning {
    background-color: #f8824b26;
    border-color: rgba(247,80,50,.14902);
    color: #c85207
}

.alert-warning hr {
    border-top-color: rgba(246,59,26,.14902)
}

.alert-warning .alert-link {
    color: #973e05
}

.alert-danger {
    background-color: #f26a6326;
    border-color: #ca2f2e;
    color: #ca2f2e
}

.alert-danger hr {
    border-top-color: #b52a29
}

.alert-danger .alert-link {
    color: #a02525
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-100);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: var(--msl-fontSize-12);
    line-height: 20px;
    color: var(--msl-artwork-grey-0);
    text-align: center;
    background-color: var(--msl-brand-primary);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s;
    transition: width .6s
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
    -webkit-animation: 2s linear infinite progress-bar-stripes;
    animation: 2s linear infinite progress-bar-stripes
}

.progress-bar-success {
    background-color: var(--msl-functionnal-success-100)
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: var(--msl-functionnal-information-100)
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: var(--msl-functionnal-warning-100)
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: var(--msl-functionnal-danger-100)
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    zoom:1;overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-body,.media-left,.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-secondary-100)
}

.list-group-item:first-child {
    border-top-right-radius: var(--msl-borderRadius-100);
    border-top-left-radius: var(--msl-borderRadius-100)
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: var(--msl-borderRadius-100);
    border-bottom-left-radius: var(--msl-borderRadius-100)
}

a.list-group-item,button.list-group-item {
    color: var(--msl-artwork-grey-600)
}

a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
    color: var(--msl-artwork-grey-900)
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-600);
    background-color: var(--msl-artwork-grey-50)
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    background-color: #d9dbe3;
    color: #666e8a;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #666e8a
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: var(--msl-artwork-grey-0);
    background-color: #007461;
    border-color: #007461
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #41ffe0
}

.list-group-item-success {
    color: #008037;
    background-color: #44ac6026
}

a.list-group-item-success,button.list-group-item-success {
    color: #008037
}

a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
    color: #008037;
    background-color: rgba(61,154,86,.14902)
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #008037;
    border-color: #008037
}

.list-group-item-info {
    color: #097faf;
    background-color: #5aaad526
}

a.list-group-item-info,button.list-group-item-info {
    color: #097faf
}

a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
    color: #097faf;
    background-color: rgba(70,160,208,.14902)
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #097faf;
    border-color: #097faf
}

.list-group-item-warning {
    color: #c85207;
    background-color: #f8824b26
}

a.list-group-item-warning,button.list-group-item-warning {
    color: #c85207
}

a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
    color: #c85207;
    background-color: rgba(247,113,50,.14902)
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #c85207;
    border-color: #c85207
}

.list-group-item-danger {
    color: #ca2f2e;
    background-color: #f26a6326
}

a.list-group-item-danger,button.list-group-item-danger {
    color: #ca2f2e
}

a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
    color: #ca2f2e;
    background-color: rgba(240,84,75,.14902)
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #ca2f2e;
    border-color: #ca2f2e
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid transparent;
    border-radius: var(--msl-borderRadius-100)
}

.panel.panel-primary {
    background-color: var(--msl-brand-primary);
    color: #fff
}

.panel.panel-white {
    background-color: var(--msl-artwork-grey-0)
}

.panel.panel-gray {
    background-color: var(--msl-artwork-grey-50)
}

.panel-body {
    padding: 15px
}

.panel-body:after,.panel-body:before {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: var(--msl-borderRadius-100) -1;
    border-top-left-radius: var(--msl-borderRadius-100) -1
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: var(--msl-fontSize-18);
    color: inherit
}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: var(--msl-artwork-grey-50);
    border-top: 1px solid var(--msl-brand-secondary-100);
    border-bottom-right-radius: var(--msl-borderRadius-100) -1;
    border-bottom-left-radius: var(--msl-borderRadius-100) -1
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: var(--msl-borderRadius-100) -1;
    border-top-left-radius: var(--msl-borderRadius-100) -1
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: var(--msl-borderRadius-100) -1;
    border-bottom-left-radius: var(--msl-borderRadius-100) -1
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-right-radius: var(--msl-borderRadius-100) -1;
    border-top-left-radius: var(--msl-borderRadius-100) -1
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: var(--msl-borderRadius-100) -1;
    border-top-right-radius: var(--msl-borderRadius-100) -1
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: var(--msl-borderRadius-100) -1
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: var(--msl-borderRadius-100) -1
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius: var(--msl-borderRadius-100) -1;
    border-bottom-left-radius: var(--msl-borderRadius-100) -1
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: var(--msl-borderRadius-100) -1;
    border-bottom-right-radius: var(--msl-borderRadius-100) -1
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: var(--msl-borderRadius-100) -1
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: var(--msl-borderRadius-100) -1
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid var(--msl-artwork-grey-100)
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: var(--msl-borderRadius-100)
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid var(--msl-brand-secondary-100)
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid var(--msl-brand-secondary-100)
}

.panel-default {
    border-color: var(--msl-brand-secondary-100)
}

.panel-default>.panel-heading {
    color: #19212d;
    background-color: var(--msl-artwork-grey-50);
    border-color: var(--msl-brand-secondary-100)
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--msl-brand-secondary-100)
}

.panel-default>.panel-heading .badge {
    color: var(--msl-artwork-grey-50);
    background-color: #19212d
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: var(--msl-brand-secondary-100)
}

.panel-primary {
    border-color: var(--msl-brand-primary)
}

.panel-primary>.panel-heading {
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-primary);
    border-color: var(--msl-brand-primary)
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--msl-brand-primary)
}

.panel-primary>.panel-heading .badge {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0)
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: var(--msl-brand-primary)
}

.panel-success {
    border-color: rgba(61,154,70,.14902)
}

.panel-success>.panel-heading {
    color: #008037;
    background-color: #44ac6026;
    border-color: rgba(61,154,70,.14902)
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: rgba(61,154,70,.14902)
}

.panel-success>.panel-heading .badge {
    color: #44ac6026;
    background-color: #008037
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: rgba(61,154,70,.14902)
}

.panel-info {
    border-color: rgba(62,179,206,.14902)
}

.panel-info>.panel-heading {
    color: #097faf;
    background-color: #5aaad526;
    border-color: rgba(62,179,206,.14902)
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: rgba(62,179,206,.14902)
}

.panel-info>.panel-heading .badge {
    color: #5aaad526;
    background-color: #097faf
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: rgba(62,179,206,.14902)
}

.panel-warning {
    border-color: rgba(247,80,50,.14902)
}

.panel-warning>.panel-heading {
    color: #c85207;
    background-color: #f8824b26;
    border-color: rgba(247,80,50,.14902)
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: rgba(247,80,50,.14902)
}

.panel-warning>.panel-heading .badge {
    color: #f8824b26;
    background-color: #c85207
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: rgba(247,80,50,.14902)
}

.panel-danger {
    border-color: #ca2f2e
}

.panel-danger>.panel-heading {
    color: #ca2f2e;
    background-color: #f26a6326;
    border-color: #ca2f2e
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ca2f2e
}

.panel-danger>.panel-heading .badge {
    color: #f26a6326;
    background-color: #ca2f2e
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ca2f2e
}

.search-panel {
    background: var(--msl-artwork-grey-50);
    margin-top: 20px;
    padding: 10px
}

.search-panel:before {
    content: "";
    position: relative;
    top: -42px;
    left: -webkit-calc((100% - 30px)/ 2);
    left: calc((100% - 30px)/ 2);
    z-index: 1;
    border: 15px solid transparent;
    border-bottom-color: var(--msl-artwork-grey-100)
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f6f7f9;
    border: 1px solid #e1e4eb;
    border-radius: var(--msl-borderRadius-100);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
}

.well-lg {
    padding: 24px;
    border-radius: var(--msl-borderRadius-200)
}

.well-sm {
    padding: 9px;
    border-radius: var(--msl-borderRadius-50)
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: var(--msl-artwork-grey-0);
    text-shadow: 0 1px 0 var(--msl-artwork-grey-0);
    opacity: .2
}

.close:focus,.close:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .Modal-dialog,.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.modal.in .Modal-dialog,.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.Modal-dialog,.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-secondary-300);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: var(--msl-borderRadius-200);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: var(--msl-artwork-grey-900)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

.modal-header:after,.modal-header:before {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid var(--msl-artwork-grey-100)
}

.modal-footer:after,.modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 650px) {
    .Modal-dialog,.modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 990px) {
    .modal-lg {
        width:900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Open Sans",system-ui,ui-sans-serif,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: var(--msl-fontSize-12);
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: var(--msl-artwork-grey-0);
    text-align: center;
    background-color: var(--msl-artwork-grey-900);
    border-radius: var(--msl-borderRadius-100)
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: var(--msl-artwork-grey-900)
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: var(--msl-artwork-grey-900)
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: var(--msl-artwork-grey-900)
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: var(--msl-artwork-grey-900)
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--msl-artwork-grey-900)
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: var(--msl-artwork-grey-900)
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: var(--msl-artwork-grey-900)
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: var(--msl-artwork-grey-900)
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Open Sans",system-ui,ui-sans-serif,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bcc0cd;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: var(--msl-borderRadius-200);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: var(--msl-borderRadius-200) -1 var(--msl-borderRadius-200) -1 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #8289a1;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #8289a1;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #8289a1;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #8289a1;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        left: 0
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    font-size: 20px;
    color: var(--msl-artwork-grey-0);
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat: repeat-x
}

.carousel-control:focus,.carousel-control:hover {
    outline: 0;
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid var(--msl-artwork-grey-0);
    border-radius: 10px;
    cursor: pointer;
    background-color: rgba(0,0,0,0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: var(--msl-artwork-grey-0)
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--msl-artwork-grey-0);
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 650px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width:30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important;
	opacity: 100;
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none!important
}

.visible-sm {
    display: none!important
}

.visible-md {
    display: none!important
}

.visible-lg {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 649px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 649px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 649px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 649px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1170px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1170px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1170px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1170px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 649px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1170px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("clientlib-part/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s,-webkit-transform .1s
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: var(--msl-fontSize-14);
    list-style: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    font-weight: var(--msl-fontWeight-600);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
    line-height: 1.1rem;
    padding: var(--msl-spacing-100) 20px
}

.ui-menu .ui-menu-item-wrapper:focus,.ui-menu .ui-menu-item-wrapper:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-900);
    background-color: var(--msl-artwork-grey-50)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
    margin: 0
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-widget {
    font-size: var(--msl-fontSize-14)
}

.ui-widget .ui-widget {
    font-size: var(--msl-fontSize-14)
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-size: var(--msl-fontSize-14)
}

.ui-widget.ui-widget-content {
    border: 1px solid var(--msl-artwork-grey-300)
}

.ui-widget-content {
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    text-align: left;
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-artwork-grey-300);
    border-radius: var(--msl-borderRadius-50);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

.ui-widget-content a {
    color: var(--msl-artwork-grey-900)
}

.ui-widget-header {
    border: 1px solid var(--msl-brand-secondary-100);
    background: var(--msl-artwork-grey-50);
    color: var(--msl-artwork-grey-900);
    font-weight: var(--msl-fontWeight-700)
}

.ui-widget-header a {
    color: var(--msl-artwork-grey-900)
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 1px solid var(--msl-artwork-grey-300);
    background: var(--msl-artwork-grey-50);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    border: 1px solid var(--msl-artwork-grey-300);
    font-weight: var(--msl-fontWeight-400);
    background: var(--msl-artwork-grey-50);
    color: var(--msl-artwork-grey-900)
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px var(--msl-functionnal-information-100)
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-widget-header .ui-state-active,a.ui-button:active {
    border: 1px solid var(--msl-functionnal-information-100);
    background: var(--msl-functionnal-information-100);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-0)
}

.ui-state-active,.ui-widget-content .ui-state-active {
    background-color: var(--msl-artwork-grey-0)
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: var(--msl-functionnal-information-100);
    background-color: var(--msl-artwork-grey-0)
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid var(--msl-brand-secondary-300);
    background: var(--msl-brand-secondary-100);
    color: var(--msl-artwork-grey-600)
}

.ui-state-checked {
    border: 1px solid var(--msl-brand-secondary-300);
    background: var(--msl-brand-secondary-100)
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: var(--msl-artwork-grey-600)
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid var(--msl-artwork-grey-300);
    background: var(--msl-artwork-grey-50);
    color: var(--msl-artwork-grey-600)
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: var(--msl-artwork-grey-600)
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: var(--msl-artwork-grey-600)
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: var(--msl-fontWeight-700)
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: var(--msl-fontWeight-400)
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url("clientlib-part/css/images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("clientlib-part/css/images/ui-icons_444444_256x240.png")
}

.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url("clientlib-part/css/images/ui-icons_555555_256x240.png")
}

.ui-button:active .ui-icon,.ui-state-active .ui-icon {
    background-image: url("clientlib-part/css/images/ui-icons_ffffff_256x240.png")
}

.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
    background-image: url("clientlib-part/css/images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url("clientlib-part/css/images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("clientlib-part/css/images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: var(--msl-brand-secondary-300);
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    box-shadow: 0 0 5px var(--msl-artwork-grey-600)
}

.dropdown-menu>li>a {
    font-weight: var(--msl-fontWeight-400)
}

.datepicker {
    padding: var(--msl-spacing-50);
    border-radius: var(--msl-borderRadius-100);
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    z-index: 10000!important
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border: 7px solid transparent;
    border-top: 0;
    border-bottom-color: var(--msl-artwork-grey-600);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: var(--msl-artwork-grey-0);
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid var(--msl-artwork-grey-600)
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid var(--msl-artwork-grey-0)
}

.datepicker table {
    background: 0 0;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td,.datepicker th {
    padding: 5px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 20px;
    border-radius: 99px;
    border: none
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.datepicker table tr td.day.focused,.datepicker table tr td.day:hover {
    background: var(--msl-artwork-grey-50);
    color: var(--msl-brand-primary);
    cursor: pointer
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: var(--msl-artwork-grey-600);
    cursor: not-allowed
}

.datepicker table tr td.new,.datepicker table tr td.old {
    color: var(--msl-artwork-grey-100)
}

.datepicker table tr td.new.disabled,.datepicker table tr td.new.disabled:hover,.datepicker table tr td.old.disabled,.datepicker table tr td.old.disabled:hover {
    color: var(--msl-artwork-grey-100)
}

.datepicker table tr td.highlighted,.datepicker table tr td.highlighted:hover {
    background: var(--msl-artwork-grey-100)
}

.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover {
    background: 0 0;
    text-decoration: underline
}

.datepicker table tr td.today.focused,.datepicker table tr td.today:hover {
    background: var(--msl-artwork-grey-50)
}

.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover {
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.selected.focused,.datepicker table tr td.selected:hover {
    background: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
    background: #004652;
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.active.focused,.datepicker table tr td.active:hover {
    background: #003943;
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover {
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-radius: 0
}

.datepicker table tr td.range.focused,.datepicker table tr td.range:hover {
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.range-end,.datepicker table tr td.range-start {
    position: relative;
    z-index: 0;
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-radius: 0
}

.datepicker table tr td.range-end:before,.datepicker table tr td.range-start:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--msl-brand-primary);
    content: '\a';
    z-index: -1;
    border-radius: 100%
}

.datepicker table tr td.range-end.focused,.datepicker table tr td.range-end:hover,.datepicker table tr td.range-start.focused,.datepicker table tr td.range-start:hover {
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.range-end.focused:before,.datepicker table tr td.range-end:hover:before,.datepicker table tr td.range-start.focused:before,.datepicker table tr td.range-start:hover:before {
    background: var(--msl-brand-secondary-500)
}

.datepicker table tr td.range-end.active,.datepicker table tr td.range-start.active {
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.range-end.active:before,.datepicker table tr td.range-start.active:before {
    background: #004652
}

.datepicker table tr td.range-end.active.focused,.datepicker table tr td.range-end.active:hover,.datepicker table tr td.range-start.active.focused,.datepicker table tr td.range-start.active:hover {
    color: var(--msl-artwork-grey-0)
}

.datepicker table tr td.range-end.active.focused:before,.datepicker table tr td.range-end.active:hover:before,.datepicker table tr td.range-start.active.focused:before,.datepicker table tr td.range-start.active:hover:before {
    background: #003943
}

.datepicker table tr td.range-start {
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px
}

.datepicker table tr td.range-end {
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 35px;
    line-height: 35px;
    float: left;
    margin: 5px 0;
    cursor: pointer;
    border-radius: 99px
}

.datepicker table tr td span.new,.datepicker table tr td span.old {
    color: var(--msl-artwork-grey-100)
}

.datepicker table tr td span.new.disabled,.datepicker table tr td span.new.disabled:hover,.datepicker table tr td span.old.disabled,.datepicker table tr td span.old.disabled:hover {
    color: var(--msl-artwork-grey-100)
}

.datepicker table tr td span.focused,.datepicker table tr td span:hover {
    background: var(--msl-artwork-grey-50);
    color: var(--msl-brand-primary);
    cursor: pointer
}

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: var(--msl-artwork-grey-600);
    cursor: not-allowed
}

.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover {
    background: #004652;
    color: var(--msl-artwork-grey-0)
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th {
    cursor: pointer;
    border-radius: var(--msl-borderRadius-100)
}

.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover {
    background: var(--msl-artwork-grey-100)
}

.datepicker .datepicker-title,.datepicker tfoot tr th {
    width: 100%
}

.datepicker .datepicker-title {
    height: auto;
    line-height: inherit
}

.datepicker .next.disabled,.datepicker .prev.disabled {
    visibility: hidden
}

.datepicker .cw {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker>div:not(.datepicker-days) table tr td {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    height: auto
}

.input-append.date .add-on,.input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.input-daterange input:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: var(--msl-spacing-50) 5px;
    font-weight: var(--msl-fontWeight-400);
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 var(--msl-artwork-grey-0);
    vertical-align: middle;
    background-color: var(--msl-artwork-grey-50);
    border: 1px solid var(--msl-artwork-grey-300);
    margin-left: -5px;
    margin-right: -5px
}

.bootstrap-select-innerLabel,.bootstrap-select-wrapperLabel {
    color: var(--msl-brand-primary);
    text-transform: uppercase;
    margin-right: 3px
}

.error .bootstrap-select-innerLabel,.error .bootstrap-select-wrapperLabel,.has-error .bootstrap-select-innerLabel,.has-error .bootstrap-select-wrapperLabel {
    color: var(--msl-functionnal-danger-100)
}

.bootstrap-select-innerLabel {
    display: none
}

.bootstrap-select-wrapper--innerLabel .bootstrap-select-wrapperLabel {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.bootstrap-select-wrapper--innerLabel .bootstrap-select-innerLabel {
    display: block;
    float: left
}

.bootstrap-select-wrapper--innerLabel .filter-option {
    display: block!important;
    float: none!important;
    font-style: italic;
    text-overflow: ellipsis;
    white-space: nowrap
}

select.bs-select-hidden,select.selectpicker {
    display: none!important
}

.bootstrap-select {
    margin-bottom: 2px
}

.bootstrap-select>.dropdown-toggle {
    height: 41px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900);
    text-transform: none;
    width: 100%;
    padding-left: var(--msl-spacing-200);
    padding-right: 30px;
    z-index: 1;
    border-color: var(--msl-brand-primary)!important;
    margin-bottom: 0;
    background: var(--msl-artwork-grey-0)
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: var(--msl-functionnal-contact)
}

.bootstrap-select>select {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block!important;
    width: 100%!important;
    z-index: 2
}

.bootstrap-select.open .btn-default {
    background-color: var(--msl-artwork-grey-50)
}

.panel-primary .bootstrap-select .btn-default {
    color: var(--msl-brand-primary);
    background-color: #fff
}

.panel-primary .btn.dropdown-toggle.btn-default:hover {
    background-color: var(--msl-artwork-grey-100)
}

.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle {
    border-color: var(--msl-functionnal-warning-100)
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select:not([class*=col-]):not([class*="-w-"]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus {
    outline: 0!important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0!important;
    padding: 0!important
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: auto;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    color: transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    border: 0
}

.bootstrap-select.btn-group .dropdown-toggle .caret:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--msl-brand-primary);
    width: 1em;
    height: 1em;
    margin: -.5em 0;
    font-size: var(--msl-fontSize-18)
}

.bootstrap-select.btn-group.dropup .dropdown-toggle .caret:after {
    content: ""
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    width: 100%;
    margin-top: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group.dropup .dropdown-menu {
    min-width: 100%;
    margin-bottom: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: var(--msl-artwork-grey-0)
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li.selected a {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-brand-primary)
}

.bootstrap-select.btn-group .dropdown-menu li a {
    font-weight: var(--msl-fontWeight-400);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
    text-align: left;
    padding: var(--msl-spacing-100) 20px;
    color: var(--msl-artwork-grey-900);
    white-space: pre-wrap;
    white-space: initial
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: var(--msl-artwork-grey-100);
    border: 1px solid var(--msl-brand-secondary-100);
    box-shadow: none;
    pointer-events: none;
    opacity: .9;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: var(--msl-artwork-grey-100);
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0,0,0,.15);
    position: absolute;
    bottom: -12px;
    left: 39px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -12px;
    left: 40px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: -12px;
    top: -12px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0,0,0,.15);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: -12px;
    top: -12px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,.bs-donebutton,.bs-searchbox {
    padding: var(--msl-spacing-50) var(--msl-spacing-100)
}

.bs-actionsbox {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 var(--msl-spacing-100) var(--msl-spacing-50)
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.btn.dropdown-toggle.btn-default {
    border-radius: var(--msl-borderRadius-150);
    height: 48px;
    border-color: var(--msl-artwork-grey-600)
}

.btn.dropdown-toggle.btn-default:hover {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-600)
}

.btn.dropdown-toggle.btn-default:focus {
    background-color: var(--msl-artwork-grey-100);
    color: var(--msl-artwork-grey-900)
}

.bootstrap-select--default>.dropdown-toggle {
    background: var(--msl-artwork-grey-0);
    border-color: var(--msl-artwork-grey-300)!important
}

.bootstrap-select--default>.dropdown-toggle:focus,.bootstrap-select--default>.dropdown-toggle:hover {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-600)
}

.bootstrap-select--default.open>.dropdown-toggle,.bootstrap-select--default>.dropdown-toggle:focus {
    border-color: var(--msl-brand-primary)!important
}

.bootstrap-select--default.bootstrap-select.btn-group .dropdown-toggle .caret:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.error .bootstrap-select--default.open>.dropdown-toggle,.error .bootstrap-select--default>.dropdown-toggle,.error .bootstrap-select--default>.dropdown-toggle:focus,.has-error .bootstrap-select--default.open>.dropdown-toggle,.has-error .bootstrap-select--default>.dropdown-toggle,.has-error .bootstrap-select--default>.dropdown-toggle:focus {
    color: var(--msl-functionnal-danger-100)!important;
    border-color: var(--msl-functionnal-danger-100)!important
}

.error .bootstrap-select--default>.dropdown-toggle .caret:after,.has-error .bootstrap-select--default>.dropdown-toggle .caret:after {
    color: var(--msl-functionnal-danger-100)
}

.has-warning .bootstrap-select--default.open>.dropdown-toggle,.has-warning .bootstrap-select--default>.dropdown-toggle,.has-warning .bootstrap-select--default>.dropdown-toggle:focus {
    border-color: var(--msl-functionnal-warning-100)!important
}

.has-warning .bootstrap-select--default>.dropdown-toggle .caret:after {
    color: var(--msl-functionnal-warning-100)
}

.has-success .bootstrap-select--default.open>.dropdown-toggle,.has-success .bootstrap-select--default>.dropdown-toggle,.has-success .bootstrap-select--default>.dropdown-toggle:focus {
    border-color: var(--msl-functionnal-success-100)!important
}

.has-success .bootstrap-select--default>.dropdown-toggle .caret:after {
    color: var(--msl-functionnal-success-100)
}

.selectpicker-caption {
    background-color: var(--msl-artwork-grey-50)!important
}

.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: var(--msl-borderRadius-50);
    border: 1px solid;
    border-color: var(--msl-brand-primary);
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.bootstrap-switch .bootstrap-switch-container {
    height: 41px;
    display: inline-block;
    top: 0;
    border-radius: var(--msl-borderRadius-50);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block!important;
    height: 100%;
    padding-left: 12px;
    padding-right: 12px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    vertical-align: middle;
    text-transform: uppercase
}

.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on {
    text-align: center;
    z-index: 1
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary)
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-functionnal-information-100)
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-400)
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
    background: var(--msl-functionnal-warning-100);
    color: var(--msl-artwork-grey-0)
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-functionnal-warning-100)
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: var(--msl-artwork-grey-900);
    background: var(--msl-artwork-grey-50)
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: var(--msl-artwork-grey-900);
    background: var(--msl-artwork-grey-0)
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch input[type=checkbox],.bootstrap-switch input[type=radio] {
    position: absolute!important;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    opacity: 0
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 6px var(--msl-spacing-200);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly {
    cursor: default!important
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
    opacity: .5;
    cursor: default!important
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    -webkit-transition: margin-left .5s;
    transition: margin-left .5s
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pearls {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: var(--msl-artwork-grey-600)
}

.pearl {
    position: relative;
    padding: var(--msl-spacing-300) 3px 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden;
    text-align: center
}

.pearl-dot,.pearl-icon,.pearl-number {
    position: absolute;
    top: 12px;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px;
    background: var(--msl-artwork-grey-600);
    background: currentColor;
    border: solid 2px var(--msl-artwork-grey-600);
    border: 2px solid currentColor;
    border-radius: 100%
}

.pearl-dot:after,.pearl-dot:before,.pearl-icon:after,.pearl-icon:before,.pearl-number:after,.pearl-number:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    height: 2px;
    margin: -1px 2px;
    width: 999px;
    background: var(--msl-artwork-grey-600);
    background: currentColor
}

.pearl-dot:after,.pearl-icon:after,.pearl-number:after {
    left: 100%;
    right: auto
}

.pearl-title {
    line-height: 1.4
}

.pearl:first-child .pearl-dot:before,.pearl:first-child .pearl-number:before,.pearl:last-child .pearl-dot:after,.pearl:last-child .pearl-number:after {
    display: none
}

.current .pearl-dot,.current .pearl-icon,.current .pearl-number,.pearl--current .pearl-dot,.pearl--current .pearl-icon,.pearl--current .pearl-number {
    background: 0 0;
    border-color: var(--msl-brand-primary)
}

.current .pearl-dot:before,.current .pearl-icon:before,.current .pearl-number:before,.pearl--current .pearl-dot:before,.pearl--current .pearl-icon:before,.pearl--current .pearl-number:before {
    background: var(--msl-brand-primary)
}

.current .pearl-title,.pearl--current .pearl-title {
    color: var(--msl-brand-primary)
}

.done .pearl-dot,.done .pearl-icon,.done .pearl-number,.pearl--done .pearl-dot,.pearl--done .pearl-icon,.pearl--done .pearl-number {
    background: var(--msl-brand-primary);
    border-color: var(--msl-brand-primary)
}

.done .pearl-dot:after,.done .pearl-dot:before,.done .pearl-icon:after,.done .pearl-icon:before,.done .pearl-number:after,.done .pearl-number:before,.pearl--done .pearl-dot:after,.pearl--done .pearl-dot:before,.pearl--done .pearl-icon:after,.pearl--done .pearl-icon:before,.pearl--done .pearl-number:after,.pearl--done .pearl-number:before {
    background: var(--msl-brand-primary)
}

.done .pearl-title,.pearl--done .pearl-title {
    color: var(--msl-brand-primary)
}

.pearl-number {
    font-size: 0
}

.pearl-icon {
    font-size: 0
}

.panel-group .panel-heading {
    position: relative;
    background-color: var(--msl-brand-primary);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    color: #fff
}

.panel-group .panel-title {
    padding: 15px 30px;
    font-size: 14px;
    width: 100%!important
}

.panel-group .panel-title:after,.panel-group .panel-title:before {
    position: absolute;
    right: 20px;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    color: #fff;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.panel-group .panel-title:before {
    content: ""
}

.panel-group .panel-title:after {
    content: ""
}

.panel-group .panel-title[aria-expanded=false]:before {
    opacity: 1
}

.panel-group .panel-title[aria-expanded=false]:after {
    opacity: 0
}

.panel-group .panel-title[aria-expanded=true]:before {
    opacity: 0
}

.panel-group .panel-title[aria-expanded=true]:after {
    opacity: 1
}

.panel-group .panel-title:focus,.panel-group .panel-title:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.panel-group .panel-title:focus {
    outline: 0
}

.panel-group .panel-heading+.panel-collapse {
    margin: 0
}

.panel-group .panel-collapse .panel-body {
    padding: 15px 30px
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: transparent
}

.panel-group .panel {
    padding: 0
}

.panel-group .panel+.panel {
    margin-top: 10px
}

.panel-group-continuous .panel {
    border-radius: 0
}

.panel-group-continuous .panel:first-child {
    border-radius: 0
}

.panel-group-continuous .panel:last-child {
    border-radius: 0
}

.panel-group-continuous .panel+.panel {
    margin-top: 0;
    border-top: 1px solid var(--msl-artwork-grey-0)
}

.panel-group-simple .panel {
    background: 0 0;
    box-shadow: none
}

.panel-group-simple .panel-title {
    padding-left: 0;
    padding-bottom: 10px
}

.panel-group-simple .panel-title:after,.panel-group-simple .panel-title:before {
    right: 5px
}

.panel-group-simple .panel-collapse .panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px
}

.panel-group-simple .panel+.panel {
    margin-top: 0
}

#BoutonRetourAccueilBAM {
    display: none
}

.imgbam-hautdepage-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_hautdepage.png);
    width: 15px;
    height: 15px
}

.imgbam-hautdepage {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/hautdepage.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-fleche-blanc-droite-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/fleche_blanc_droite.png);
    width: 9px;
    height: 10px
}

.imgbam-fleche-blanc-droite {
    display: inline-block;
    width: 9px;
    height: 10px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/fleche_blanc_droite.svg");
    background-repeat: no-repeat;
    background-size: 9px 10px
}

.imgbam-fleche-blanc-bas-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/fleche_blanc_bas.png);
    width: 9px;
    height: 10px
}

.imgbam-fleche-blanc-bas {
    display: inline-block;
    width: 9px;
    height: 10px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/fleche_blanc_bas.svg");
    background-repeat: no-repeat;
    background-size: 9px 10px
}

.imgbam-fleche-bleu-droite-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/fleche_bleuc_droite.png);
    width: 9px;
    height: 10px
}

.imgbam-fleche-bleu-droite {
    display: inline-block;
    width: 9px;
    height: 10px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/fleche_bleu_droite.svg");
    background-repeat: no-repeat;
    background-size: 9px 10px
}

.imgbam-fleche-bleu-bas-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/fleche_bleuc_bas.png);
    width: 9px;
    height: 10px
}

.imgbam-fleche-bleu-bas {
    display: inline-block;
    width: 9px;
    height: 10px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/fleche_bleu_bas.svg");
    background-repeat: no-repeat;
    background-size: 9px 10px
}

.imgbam-picto-indispo-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_indispo.png);
    width: 14px;
    height: 15px
}

.imgbam-picto-indispo {
    display: inline-block;
    width: 14px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/pdf.svg");
    background-repeat: no-repeat;
    background-size: 14px 15px
}

.imgbam-picto-nouveau-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_nouveau.png);
    width: 17px;
    height: 16px
}

.imgbam-picto-nouveau {
    display: inline-block;
    width: 17px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/nouveau.svg");
    background-repeat: no-repeat;
    background-size: 17px 16px
}

.imgbam-picto-goprem-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_goprem.png);
    width: 16px;
    height: 16px
}

.imgbam-picto-goprem {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/goprem.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.imgbam-picto-goder-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_goder.png);
    width: 16px;
    height: 16px
}

.imgbam-picto-goder {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/goder.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.imgbam-picto-goprec-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_goprec.png);
    width: 16px;
    height: 16px
}

.imgbam-picto-goprec {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/goprec.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.imgbam-picto-gosuiv-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_gosuiv.png);
    width: 16px;
    height: 16px
}

.imgbam-picto-gosuiv {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/gosuiv.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.imgbam-picto-pdf-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_pdf.png);
    width: 16px;
    height: 16px
}

.imgbam-picto-pdf {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/pdf.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.imgbam-ajax-loader-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/ajax-loader.gif);
    width: 16px;
    height: 16px
}

.imgbam-ajax-loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/loader_250.gif");
    background-repeat: no-repeat;
    background-size: 16px 16px
}

@-webkit-keyframes rotation {
    00% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotation {
    00% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.imgbam-puce-lien-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/PuceLien.gif);
    width: 3px;
    height: 6px
}

.imgbam-puce-lien {
    display: inline-block;
    width: 3px;
    height: 6px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/puce_lien.svg");
    background-repeat: no-repeat;
    background-size: 3px 6px
}

.imgbam-picto-imprimer-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_imprimer.png);
    width: 16px;
    height: 16px
}

.imgbam-picto-imprimer {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/imprimer.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.imgbam-picto-telecharger-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_telecharger.png);
    width: 14px;
    height: 14px
}

.imgbam-picto-telecharger {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/telecharger.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px
}

.imgbam-logo-999-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/logo_999.png);
    width: 72px;
    height: 62px
}

.imgbam-logo-999 {
    display: inline-block;
    width: 72px;
    height: 62px;
    background-image: url(clientlib-resources/resources/images/commun/bam/logo_999.svg);
    background-repeat: no-repeat;
    background-size: 72px 62px
}

.imgbam-logo-sepamail-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Logo_SEPAmail.png);
    width: 139px;
    height: 33px
}

.imgbam-logo-sepamail {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/sepamail.png);
    width: 139px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: 139px 33px
}

.imgbam-pic-rechercher-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Rechercher.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-rechercher {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/rechercher.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-pic-valide-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Valide.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-valide {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/valide.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-pic-info-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Info.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-info {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/info.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-pic-modele-facture-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Modele_Facture.png);
    width: 74px;
    height: 75px
}

.imgbam-pic-modele-facture {
    display: inline-block;
    width: 74px;
    height: 75px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/facture.svg");
    background-repeat: no-repeat;
    background-size: 74px 75px
}

.imgbam-pic-perime-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Perime.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-perime {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/perime.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-pic-refuse-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Refuse.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-refuse {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/refuse.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-pic-alerte-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Alerte.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-alerte {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/alerte.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-pic-fd-rechercher-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_fd_Rechercher.png);
    width: 150px;
    height: 150px
}

.imgbam-pic-fd-rechercher {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/rechercher.svg");
    background-repeat: no-repeat;
    background-size: 150px 150px
}

.imgbam-pic-fd-alerte-gris-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_fd_Alerte-gris.png);
    width: 30px;
    height: 30px
}

.imgbam-pic-fd-alerte-gris {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/fd_alerte_gris.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px
}

.imgbam-pic-fd-alerte-rouge-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_fd_Alerte-rouge.png);
    width: 30px;
    height: 30px
}

.imgbam-pic-fd-alerte-rouge {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/fd_alerte_rouge.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px
}

.imgbam-pic-en-cours-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_En_Cours.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-en-cours {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/en_cours.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-pic-rejetee-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Rejetee.png);
    width: 15px;
    height: 15px
}

.imgbam-pic-rejetee {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/rejetee.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px
}

.imgbam-picto-piecejointe-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_piecejointe.png);
    width: 18px;
    height: 17px
}

.imgbam-picto-piecejointe {
    display: inline-block;
    width: 18px;
    height: 17px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/piece_jointe.svg");
    background-repeat: no-repeat;
    background-size: 18px 17px
}

.imgbam-pic-aide-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/Pic_Aide.png);
    width: 20px;
    height: 20px
}

.imgbam-pic-aide {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/aide.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px
}

.imgbam-ampoule-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/ampoule.png);
    width: 32px;
    height: 32px
}

.imgbam-ampoule {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/ampoule.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px
}

.imgbam-point-interrogation-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/IconePointIinterrogation.PNG);
    width: 26px;
    height: 24px
}

.imgbam-point-interrogation {
    display: inline-block;
    width: 26px;
    height: 24px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/aide.svg");
    background-repeat: no-repeat;
    background-size: 26px 24px
}

.imgbam-indispo-old {
    display: inline-block;
    background-color: var(--msl-artwork-grey-600);
    width: 30px;
    height: 30px
}

.imgbam-indispo {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: -webkit-repeating-linear-gradient(135deg,var(--msl-artwork-grey-50),var(--msl-artwork-grey-50) 2px,var(--msl-artwork-grey-300) 2px,var(--msl-artwork-grey-300) 4px);
    background: repeating-linear-gradient(-45deg,var(--msl-artwork-grey-50),var(--msl-artwork-grey-50) 2px,var(--msl-artwork-grey-300) 2px,var(--msl-artwork-grey-300) 4px)
}

.imgbam-fermee-old {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: -webkit-repeating-linear-gradient(135deg,var(--msl-artwork-grey-50),var(--msl-artwork-grey-50) 2px,var(--msl-artwork-grey-300) 2px,var(--msl-artwork-grey-300) 4px);
    background: repeating-linear-gradient(-45deg,var(--msl-artwork-grey-50),var(--msl-artwork-grey-50) 2px,var(--msl-artwork-grey-300) 2px,var(--msl-artwork-grey-300) 4px)
}

.imgbam-fermee {
    width: 2.5em;
    height: 2.5em;
    position: relative;
    border: 1px solid var(--msl-artwork-grey-600);
    overflow: hidden
}

.imgbam-fermee:after,.imgbam-fermee:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 140%;
    background: var(--msl-artwork-grey-600);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.imgbam-fermee:after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.imgbam-fermee-petit-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/fermee_petit.png);
    width: 15px;
    height: 15px
}

.imgbam-fermee-petit {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: -webkit-repeating-linear-gradient(135deg,var(--msl-artwork-grey-50),var(--msl-artwork-grey-50) 2px,var(--msl-artwork-grey-300) 2px,var(--msl-artwork-grey-300) 4px);
    background: repeating-linear-gradient(-45deg,var(--msl-artwork-grey-50),var(--msl-artwork-grey-50) 2px,var(--msl-artwork-grey-300) 2px,var(--msl-artwork-grey-300) 4px)
}

.imgbam-choix-rdv-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/choix_rdv.png);
    width: 30px;
    height: 30px
}

.imgbam-choix-rdv {
    display: inline-block;
    background-color: var(--msl-brand-primary);
    width: 30px;
    height: 30px
}

.imgbam-dispo-rdv-old {
    display: inline-block;
    background-color: var(--msl-artwork-grey-50);
    width: 30px;
    height: 30px
}

.imgbam-dispo-rdv {
    display: inline-block;
    background-color: var(--msl-artwork-grey-0);
    width: 30px;
    height: 30px;
    border: 2px solid var(--msl-brand-primary)
}

.imgbam-dispo-hover-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/dispo_hover.png);
    width: 30px;
    height: 30px
}

.imgbam-dispo-hover {
    display: inline-block;
    background-color: var(--msl-brand-secondary-400);
    width: 30px;
    height: 30px
}

.imgbam-picto-etoile-off-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_etoile_off.png);
    width: 16px;
    height: 14px
}

.imgbam-picto-etoile-off {
    display: inline-block;
    width: 16px;
    height: 14px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/etoile_off.svg");
    background-repeat: no-repeat;
    background-size: 16px 14px
}

.imgbam-picto-etoile-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/picto_etoile.png);
    width: 16px;
    height: 14px
}

.imgbam-picto-etoile {
    display: inline-block;
    width: 16px;
    height: 14px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/etoile.svg");
    background-repeat: no-repeat;
    background-size: 16px 14px
}

.imgbam-suppr-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/suppr.gif);
    width: 14px;
    height: 14px
}

.imgbam-suppr {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/suppr.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px
}

.imgbam-deplier-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/deplier.png);
    width: 18px;
    height: 18px
}

.imgbam-deplier {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/deplier.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px
}

.imgbam-plier-old {
    display: inline-block;
    background-image: url(clientlib-resources/resources/images/commun/bam/_old/plier.png);
    width: 18px;
    height: 18px
}

.imgbam-plier {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/plier.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px
}

.barre_mess {
    font-size: 9px;
    background-image: url("./clientlib-resources/resources/images/commun/bam/part/barre_mess.png");
    background-repeat: no-repeat;
    border: 1px solid var(--msl-brand-primary);
    height: 11px;
    width: 100px;
    margin-right: 7px
}

.internal-menu {
    margin-top: 20px;
    padding-left: 0;
    padding-bottom: 20px;
    list-style: none;
    text-align: left;
    color: var(--msl-artwork-grey-0);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase;
    font-size: 0
}

.internal-menu li {
    position: relative;
    display: inline-block;
    background-color: var(--msl-brand-primary);
    padding: 10px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 2px
}

.internal-menu li a {
    color: #fff;
    text-decoration: none
}

.internal-menu li:hover {
    background-color: #004136;
    cursor: pointer
}

.internal-menu li:before {
    position: absolute;
    left: -17px!important;
    vertical-align: middle;
    font-family: "NPC Icons crunchy R2503"!important;
    content: "";
    font-size: var(--msl-fontSize-34);
    color: #fff
}

.internal-menu li:first-child:before {
    content: ""
}

.combo-group .panel {
    border-radius: 0
}

.combo-group .panel:first-child {
    border-radius: 0
}

.combo-group .panel:last-child {
    border-radius: 0
}

.combo-group .panel-heading {
    background-color: var(--msl-brand-primary);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    color: #fff
}

.combo-group .panel-title {
    padding: 15px 30px;
    font-size: 14px
}

.combo-group .panel-title:after,.combo-group .panel-title:before {
    position: absolute;
    right: 50px;
    font-family: 'Glyphicons Halflings';
    -webkit-transition: .3s linear;
    transition: .3s linear;
    color: var(--msl-brand-primary)
}

.combo-group .panel-title:before {
    content: "\e114"
}

.combo-group .panel-title:after {
    content: "\e113"
}

.combo-group .panel-title[aria-expanded=false]:before {
    opacity: 1
}

.combo-group .panel-title[aria-expanded=false]:after {
    opacity: 0
}

.combo-group .panel-title[aria-expanded=true]:before {
    opacity: 0
}

.combo-group .panel-title[aria-expanded=true]:after {
    opacity: 1
}

.combo-group .panel-title:focus,.combo-group .panel-title:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.combo-group .panel-title:focus {
    outline: 0
}

.combo-group .panel-heading+.panel-collapse {
    margin: 0
}

.combo-group .panel-collapse .panel-body {
    padding: 15px 30px
}

.combo-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: transparent
}

.combo-group .panel {
    padding: 0
}

.combo-group .panel+.panel {
    margin-top: 0;
    border-top: 1px solid var(--msl-artwork-grey-0)
}

.combo-group .panel-primary>.panel-heading {
    background-color: #fff;
    border: solid;
    border-color: var(--msl-brand-primary);
    border-width: 1px
}

.combo-group .panel-primary>.panel-heading a {
    color: var(--msl-artwork-grey-900)
}

.combo-group .panel-primary .panel-body {
    background-color: #fff;
    color: var(--msl-artwork-grey-900);
    border: solid;
    border-color: var(--msl-brand-primary);
    border-width: 1px
}

.combo-group .panel-primary .panel-body a {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.combo-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.combo-group .list-group-item:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-combo {
    min-height: -webkit-calc(3*56px);
    min-height: calc(3*56px);
    max-height: -webkit-calc(3*56px);
    max-height: calc(3*56px);
    overflow-y: scroll;
    padding: 0!important
}

a.panel-title {
    text-decoration: none
}

.list-group {
    margin-bottom: 2px
}

.list-group .panel {
    background-color: var(--msl-artwork-grey-50);
    border-radius: 0;
    margin-bottom: 0
}

.list-group .panel:first-child {
    border-radius: 0
}

.list-group .panel:last-child {
    border-radius: 0
}

.list-group .panel-row-simple {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0!important;
    padding-left: 0!important;
    background-color: var(--msl-artwork-grey-50)
}

.list-group .panel-row-simple:after,.list-group .panel-row-simple:before {
    content: " ";
    display: table
}

.list-group .panel-row-simple:after {
    clear: both
}

.list-group .panel-row {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0!important;
    padding-left: 0!important;
    background-color: var(--msl-artwork-grey-50)
}

.list-group .panel-row:after,.list-group .panel-row:before {
    content: " ";
    display: table
}

.list-group .panel-row:after {
    clear: both
}

.list-group .panel-body>.panel-row {
    border: none!important
}

.list-group .panel-body>.panel-row:nth-child(odd) {
    background-color: #fff
}

.list-group .panel-body>.panel-row:nth-child(2n) {
    background-color: transparent
}

.list-group .panel-heading {
    background-color: var(--msl-artwork-grey-50);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    vertical-align: middle;
    color: #fff;
    height: 100%
}

.list-group .panel-title {
    padding: 15px;
    color: var(--msl-brand-primary);
    width: 100%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

@media (min-width: 990px) {
    .list-group .panel-title {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

.list-group .panel-title .panel-collapse .panel-body {
    padding: 15px!important;
    background-color: olive
}

.list-group .panel-title .collapse-icon {
    cursor: pointer;
    color: var(--msl-brand-primary)
}

.list-group .panel-title .collapse-icon:after {
    font-family: 'Glyphicons Halflings';
    -webkit-transition: .3s linear;
    transition: .3s linear;
    content: "\e260"
}

.list-group .panel-title .collapse-icon.collapsed:after {
    font-family: 'Glyphicons Halflings';
    -webkit-transition: .3s linear;
    transition: .3s linear;
    content: "\e259"
}

.list-group .panel-title:focus,.list-group .panel-title:hover {
    text-decoration: none
}

.list-group .panel-heading+.panel-collapse {
    margin: 0
}

.list-group .panel-collapse .panel-body {
    padding: 15px
}

.list-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: transparent
}

.list-group .panel {
    padding: 0
}

.list-group .panel+.panel {
    margin-top: 0;
    border-top: 1px solid var(--msl-artwork-grey-0)
}

.list-group .panel-primary>.panel-heading {
    background-color: #fff;
    border: solid;
    border-color: var(--msl-brand-primary);
    border-width: 1px
}

.list-group .panel-primary>.panel-heading a {
    color: var(--msl-artwork-grey-900)
}

.list-group .panel-primary .panel-body {
    background-color: #fff;
    color: var(--msl-artwork-grey-900);
    border: solid;
    border-color: var(--msl-brand-primary);
    border-width: 1px
}

.list-group .panel-primary .panel-body a {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group .list-group-item:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group .row-title-description {
    height: 25px;
    line-height: 24px
}

.list-group .row-title-description div[class*=col-] {
    padding-left: 0
}

.list-group .row-description {
    height: 50px;
    line-height: 24px
}

@media (min-width: 990px) {
    .list-group .row-description {
        height:25px;
        line-height: 24px
    }
}

.list-group .row-description div[class*=col-] {
    padding-left: 0
}

.list-group .col-description {
    color: var(--msl-brand-secondary-300);
    font-weight: var(--msl-fontWeight-400);
    padding-left: 10px!important;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list-group .col-value {
    color: var(--msl-artwork-grey-900);
    font-weight: var(--msl-fontWeight-400);
    text-align: left;
    padding-left: 10px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 990px) {
    .list-group .col-value {
        text-align:right
    }
}

.list-group .col-spacer {
    background-color: var(--msl-artwork-grey-50)!important;
    height: 50%
}

@media (min-width: 990px) {
    .list-group .col-spacer {
        height:100%
    }
}

.list-group .row-button {
    margin-top: 20px
}

.list-group .row-button .col-button-left {
    text-align: right
}

.list-group .row-button .col-button-right {
    text-align: left
}

.list-group .col-visible-xs {
    display: block;
    visibility: visible
}

@media (min-width: 990px) {
    .list-group .col-visible-xs {
        display:none;
        visibility: hidden
    }
}

.list-group .col-white {
    background-color: #fff!important
}

.Animation-breathing {
    opacity: 1;
    stroke: var(--msl-brand-secondary-100);
    stroke-width: 4;
    fill: transparent;
    -webkit-animation: 1.5s linear infinite Breathing;
    animation: 1.5s linear infinite Breathing
}

@-webkit-keyframes Breathing {
    from,to {
        stroke-width: 1px;
        opacity: .7
    }

    60% {
        stroke-width: 4px;
        opacity: 1
    }
}

@keyframes Breathing {
    from,to {
        stroke-width: 1px;
        opacity: .7
    }

    60% {
        stroke-width: 4px;
        opacity: 1
    }
}

.js-StickyWrap:after,.js-StickyWrap:before {
    content: '';
    display: table;
    clear: both
}

@media (max-width: 989px) {
    .js-sliderNav-toggle {
        display:none
    }
}

@media (min-width: 990px) {
    .js-sliderNav {
        position:relative
    }

    .js-sliderNav--slider .js-sliderNav-toggle {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .js-sliderNav--reverse .js-sliderNav-toggle {
        padding: 0 0 0 30px
    }

    .js-sliderNav--reverse .js-sliderNav-toggle:before {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .js-sliderNav--reverse .js-sliderNav-toggle:after {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .js-sliderNav-toggle {
        position: absolute;
        top: 50%;
        right: 0;
        height: 30px;
        padding: 0 30px 0 0;
        margin: -15px 20px;
        line-height: 30px;
        text-align: center;
        color: var(--msl-brand-primary);
        text-decoration: none;
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .js-sliderNav-toggle:after,.js-sliderNav-toggle:before {
        font-family: "NPC Icons crunchy R2503"!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: var(--msl-fontWeight-400)!important;
        text-decoration: none;
        text-transform: none;
        font-display: block;
        line-height: 1;
        position: absolute;
        top: 50%;
        width: 1em;
        height: 1em;
        margin: -.5em;
        line-height: 1!important;
        font-size: var(--msl-fontSize-24);
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s
    }

    .js-sliderNav-toggle:before {
        content: "";
        right: 15px;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .js-sliderNav-toggle:after {
        content: "";
        left: 15px;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .js-sliderNav-toggle:focus,.js-sliderNav-toggle:hover {
        color: var(--msl-brand-secondary-500);
        text-decoration: none
    }

    .js-sliderNav-nav {
        white-space: nowrap;
        display: inline-block;
        font-size: 0;
        -webkit-transition: width .3s,-webkit-transform .3s;
        transition: width .3s,-webkit-transform .3s;
        transition: transform .3s,width .3s;
        transition: transform .3s,width .3s,-webkit-transform .3s
    }

    .js-sliderNav-item {
        display: inline-block;
        font-size: var(--msl-fontSize-16);
        -webkit-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s
    }

    .js-sliderNav-item--hide {
        visibility: hidden;
        opacity: 0
    }
}

.sliderNav--next,.sliderNav--prev {
    position: absolute;
    top: 50%;
    height: 60px;
    margin-top: -30px;
    padding: 0 3px;
    line-height: 60px;
    color: #19212d;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s,visibility .5s;
    transition: opacity .5s,visibility .5s
}

@media (max-width: 989px) {
    .sliderNav--next,.sliderNav--prev {
        display:none
    }
}

.sliderNav--next.sliderNav-direction--visible,.sliderNav--prev.sliderNav-direction--visible {
    opacity: 1;
    visibility: visible
}

span.sliderNav--next,span.sliderNav--prev {
    pointer-events: none
}

a.sliderNav--next:focus,a.sliderNav--next:hover,a.sliderNav--prev:focus,a.sliderNav--prev:hover {
    cursor: pointer;
    color: var(--msl-brand-secondary-500);
    text-decoration: none
}

.sliderNav--prev {
    left: 0;
    margin-left: 2px;
    margin-right: -15px
}

.sliderNav--next {
    right: 0;
    margin-left: -15px;
    margin-right: -3px
}

.js-sliderNav--slider[data-next-points-collapsed=false] .sliderNav--next {
    margin-left: 0
}

.Pagination {
    position: relative;
    text-align: center;
    padding-left: 0;
    font-size: 0;
    letter-spacing: -.31em;
    word-spacing: -0.43em;
    text-rendering: optimizespeed
}

.Pagination-item,.Pagination-total {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 12px;
    font-family: var(--msl-fontFamily-body)
}

.Pagination-total {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 989px) {
    .Pagination-total {
        display:none
    }
}

.SimplePagination-next,.SimplePagination-preview {
    background: var(--msl-artwork-grey-50);
    border-radius: 50px;
    padding: unset!important;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.SimplePagination-next:not(.Pagination-link--disabled):focus,.SimplePagination-next:not(.Pagination-link--disabled):hover,.SimplePagination-preview:not(.Pagination-link--disabled):focus,.SimplePagination-preview:not(.Pagination-link--disabled):hover {
    border: 1px solid var(--msl-brand-secondary-600)
}

.SimplePagination-next span,.SimplePagination-preview span {
    font-size: var(--msl-fontSize-16)
}

.Pagination--gray .Pagination-link,.Pagination-link,.dataTable--gray~.dataTables_paginate .paginate_button,.dataTable--paginationRounded~.dataTables_paginate .paginate_button,.dataTables_paginate .ellipsis,.dataTables_paginate .paginate_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    vertical-align: middle;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    margin: 0 6px;
    text-align: center;
    color: var(--msl-artwork-grey-900)
}

.Pagination--gray .Pagination-link,.Pagination-link,.Pagination-link:active,.Pagination-link:focus,.Pagination-link:hover,.dataTable--gray~.dataTables_paginate .paginate_button,.dataTable--paginationRounded~.dataTables_paginate .paginate_button,.dataTables_paginate .ellipsis,.dataTables_paginate .ellipsis:active,.dataTables_paginate .ellipsis:focus,.dataTables_paginate .ellipsis:hover,.dataTables_paginate .paginate_button,.dataTables_paginate .paginate_button:active,.dataTables_paginate .paginate_button:focus,.dataTables_paginate .paginate_button:hover {
    text-decoration: none
}

.Pagination-link:not(.SimplePagination-next):not(.SimplePagination-preview):not(.Pagination-link--active):focus,.Pagination-link:not(.SimplePagination-next):not(.SimplePagination-preview):not(.Pagination-link--active):hover,.dataTables_paginate .ellipsis:not(.SimplePagination-next):not(.SimplePagination-preview):not(.Pagination-link--active):focus,.dataTables_paginate .ellipsis:not(.SimplePagination-next):not(.SimplePagination-preview):not(.Pagination-link--active):hover,.dataTables_paginate .paginate_button:not(.SimplePagination-next):not(.SimplePagination-preview):not(.Pagination-link--active):focus,.dataTables_paginate .paginate_button:not(.SimplePagination-next):not(.SimplePagination-preview):not(.Pagination-link--active):hover {
    border-bottom: 1px solid var(--msl-brand-secondary-600)
}

.Pagination--gray .Pagination-link--active,.Pagination-link--active,.dataTable--gray~.dataTables_paginate .paginate_button.current,.dataTable--paginationRounded~.dataTables_paginate .paginate_button.current,.dataTables_paginate .paginate_button.current {
    background: var(--msl-brand-secondary-600);
    border-radius: var(--msl-borderRadius-50);
    font-weight: var(--msl-artwork-grey-600)
}

.Pagination--gray .Pagination-link--active,.Pagination-link--active,.Pagination-link--active:active,.Pagination-link--active:focus,.Pagination-link--active:hover,.dataTable--gray~.dataTables_paginate .paginate_button.current,.dataTable--paginationRounded~.dataTables_paginate .paginate_button.current,.dataTables_paginate .paginate_button.current,.dataTables_paginate .paginate_button.current:active,.dataTables_paginate .paginate_button.current:focus,.dataTables_paginate .paginate_button.current:hover {
    color: var(--msl-artwork-grey-0)
}

.Pagination-link--disabled {
    cursor: not-allowed;
    background-color: var(--msl-artwork-grey-100);
    color: var(--msl-artwork-grey-300)!important
}

@media (max-width: 989px) {
    .Pagination-link--next,.Pagination-link--prev {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: var(--msl-brand-primary);
        border-radius: 50%
    }

    .Pagination-link--next,.Pagination-link--next:active,.Pagination-link--next:focus,.Pagination-link--next:hover,.Pagination-link--prev,.Pagination-link--prev:active,.Pagination-link--prev:focus,.Pagination-link--prev:hover {
        color: var(--msl-artwork-grey-0)
    }
}

@media (max-width: 989px) {
    .Pagination-link--prev {
        left:0
    }
}

@media (max-width: 989px) {
    .Pagination-link--next {
        right:0
    }
}

@media (min-width: 990px) {
    .Pagination-mobile {
        display:none
    }
}

.Pagination-select {
    width: 150px!important
}

.Pagination--gray {
    margin: 0;
    padding: 10px 30px;
    background: var(--msl-artwork-grey-0);
    border-radius: 0 0 var(--msl-borderRadius-150) var(--msl-borderRadius-150)
}

.dataTables_wrapper:after {
    content: '';
    display: table;
    clear: both
}

.dataTables_info {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 24px
}

.dataTables_info:empty {
    display: none
}

.dataTables_paginate {
    font-size: 0;
    text-align: center
}

.dataTables_paginate .paginate_button {
    cursor: pointer
}

.dataTables_paginate .paginate_button,.dataTables_paginate .paginate_button:active,.dataTables_paginate .paginate_button:focus,.dataTables_paginate .paginate_button:hover {
    text-decoration: none
}

.dataTables_paginate .paginate_button:focus,.dataTables_paginate .paginate_button:hover {
    color: var(--msl-brand-primary)
}

.dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed
}

.dataTable--gray~.dataTables_info {
    padding: 10px 10px 10px 30px
}

.dataTable--gray~.dataTables_paginate {
    padding: 10px 30px;
    background: var(--msl-artwork-grey-50)
}

.dataTable--paginationRight~.dataTables_paginate {
    float: right
}

.CarouselActu {
    clear: both;
    outline: 0;
    padding: var(--msl-spacing-300) var(--msl-spacing-100)
}

.CarouselActu.cq-Editable-dom {
    display: block
}

.CarouselActu.owl-carousel .owl-dots {
    padding-top: var(--msl-spacing-200)
}

.CarouselActu.owl-carousel .owl-dots:has(.owl-dot:only-child) {
    display: none!important
}

.CarouselActu.owl-carousel .owl-dots .owl-dot,.CarouselActu.owl-carousel .owl-dots .owl-dot:focus:not(.active) {
    background-color: var(--msl-artwork-grey-200);
    border: none;
    margin: var(--msl-spacing-00) var(--msl-spacing-50);
    padding: var(--msl-spacing-00);
    width: 8px;
    height: 8px
}

.CarouselActu.owl-carousel .owl-dots .owl-dot.active {
    border: none;
    background: var(--msl-bg-blue);
    width: 8px;
    height: 8px
}

.CarouselActu.owl-carousel .owl-stage {
    margin: 0 auto;
    padding-left: 0
}

.CarouselActu.owl-carousel .owl-item {
    list-style-type: none
}

.CarouselActu.owl-carousel .owl-item,.CarouselActu.owl-carousel .owl-item * {
    outline: 0
}

.npc-template-page .npc-template-page--item .CarouselActu {
    padding: var(--msl-spacing-00)
}

.Tooltip {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    background-color: var(--msl-artwork-grey-0)
}

@media (max-width: 649px) {
    .Tooltip {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0 10%
    }
}

@media (min-width: 650px) {
    .Tooltip {
        position:absolute;
        left: auto;
        top: 25px;
        right: 50%;
        bottom: auto;
        z-index: 5;
        width: 480px;
        padding: 30px;
        margin-right: -240px;
        text-align: left;
        box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
    }

    .Tooltip::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -18px;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent var(--msl-artwork-grey-0)
    }
}

.Tooltip-close {
    position: absolute;
    right: 15px;
    top: 15px
}

.Tooltip-close,.Tooltip-close:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

@media (max-width: 649px) {
    .Tooltip-close {
        top:0;
        right: 0;
        width: 60px;
        height: 60px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        background-color: var(--msl-brand-primary);
        color: var(--msl-artwork-grey-0)
    }
}

.Tooltip-title {
    margin-top: 0;
    line-height: 1.2
}

.Tooltip-btn {
    min-width: 50%;
    color: var(--msl-artwork-grey-0)
}

.AlertBanner {
    position: fixed;
    top: 120px;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: var(--msl-functionnal-information-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--msl-spacing-300)
}

.AlertBanner p {
    margin: 0
}

.AlertBanner,.AlertBanner a,.AlertBanner a:active,.AlertBanner a:focus,.AlertBanner a:hover,.AlertBanner a:visited {
    color: var(--msl-artwork-grey-0)
}

.AlertBanner a,.AlertBanner button {
    border-radius: var(--msl-borderRadius-25)
}

.AlertBanner .skiplinks {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0
}

.AlertBanner .skiplinks li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.AlertBanner .skiplinks li:not(:last-child) {
    margin-right: var(--msl-spacing-200)
}

.AlertBanner .skiplinks li a {
    text-decoration: underline
}

.AlertBanner .skiplinks li a:focus-visible:after,.AlertBanner .skiplinks li a:focus:after {
    display: none
}

@media (max-width: 989px) {
    .AlertBanner {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        top: 60px
    }

    .AlertBanner .skiplinks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .AlertBanner .skiplinks li:not(:last-child) {
        margin-bottom: var(--msl-spacing-200)
    }

    .AlertBanner .AlertBanner-icon,.AlertBanner button {
        position: absolute
    }

    .AlertBanner .AlertBanner-icon {
        margin-top: 0
    }

    .AlertBanner .AlertBanner-close {
        right: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: -webkit-calc(var(--msl-spacing-100) * -1);
        margin-top: calc(var(--msl-spacing-100) * -1)
    }

    .AlertBanner .AlertBanner-messageStrong {
        padding: 0 var(--msl-spacing-500) var(--msl-spacing-100) var(--msl-spacing-500)
    }

    .AlertBanner .AlertBanner-message {
        margin: 0
    }
}

.AlertBanner .icon {
    padding: 0
}

.has-header-logged .AlertBanner,.has-header-sticky .AlertBanner {
    top: 60px
}

.AlertBanner--danger {
    background-color: var(--msl-functionnal-danger-100)
}

.AlertBanner--warning {
    background-color: var(--msl-functionnal-warning-100)
}

.AlertBanner--top {
    top: 0!important
}

.aem-AuthorLayer-Edit .cq-Editable-dom .AlertBanner--top {
    position: static
}

.AlertBanner-icon {
    font-size: var(--msl-fontSize-34);
    color: var(--msl-artwork-grey-0);
    margin-top: -webkit-calc(var(--msl-spacing-150) * -1);
    margin-top: calc(var(--msl-spacing-150) * -1)
}

.AlertBanner-message {
    margin: 0 var(--msl-spacing-150);
    width: 100%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.AlertBanner-messageStrong {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .AlertBanner-messageStrong {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }
}

.AlertBanner-close {
    margin-top: -webkit-calc(var(--msl-spacing-400) * -1);
    margin-top: calc(var(--msl-spacing-400) * -1);
    width: 2.3rem;
    height: 2.3rem;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: transparent
}

.AlertBanner-close .icon {
    font-size: 32px;
    color: var(--msl-artwork-grey-0)
}

.OutputMsg {
    background: var(--msl-artwork-grey-0);
    margin: 30px 0;
    padding: var(--msl-spacing-300) var(--msl-spacing-300) var(--msl-spacing-500) var(--msl-spacing-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    color: var(--msl-artwork-grey-900)
}

.OutputMsg p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.OutputMsg p::first-letter {
    text-transform: uppercase
}

.OutputMsg--noBcgColor {
    background-color: transparent
}

.OutputMsg--opposition {
    margin: 0;
    padding: 0;
    text-align: justify
}

@media (max-width: 649px) {
    .OutputMsg {
        padding-left:25px;
        padding-right: 25px;
        margin: 30px 15px 20px
    }

    .OutputMsg--opposition {
        margin: 0;
        padding: 0
    }
}

.OutputMsg-icon {
    font-size: 50px
}

.OutputMsg-icon.npc-ok {
    color: var(--msl-functionnal-success-100);
    height: 40px;
    width: 40px;
    font-size: 24px;
    background-color: var(--msl-functionnal-success-50);
    text-align: center;
    border-radius: 50%;
    padding: 9px
}

.OutputMsg-icon.npc-ko {
    color: var(--msl-functionnal-danger-100);
    height: 40px;
    width: 40px;
    font-size: 24px;
    background-color: var(--msl-functionnal-danger-50);
    text-align: center;
    border-radius: 50%;
    padding: var(--msl-spacing-100)
}

.OutputMsg-icon--primary,.OutputMsg-title {
    color: #19212d
}

.OutputMsg-title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.OutputMsg-title--agregateur {
    text-transform: initial
}

.OutputMsg-icon--small {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.OutputMsg-text {
    margin: 20px 0
}

.OutputMsg-text p {
    margin: 0
}

.OutputMsg-text--noSpace {
    margin: 0
}

.OutputMsg-actions {
    margin: 0 -3px
}

.OutputMsg-actions .OutputMsg-btn {
    margin-left: 3px;
    margin-right: 3px
}

.OutputMsg-btn {
    margin: 20px 0 0;
    padding-left: 30px!important;
    padding-right: 30px!important;
    white-space: normal!important
}

.OutputMsg-close {
    top: 0;
    right: 0;
    margin-left: auto;
    width: 53px;
    line-height: 53px;
    background: var(--msl-brand-primary);
    text-align: center
}

.OutputMsg-close,.OutputMsg-close:focus,.OutputMsg-close:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.OutputMsg-close:focus,.OutputMsg-close:hover {
    background: var(--msl-brand-secondary-500)
}

.OutputMsg {
    box-shadow: var(--msl-boxShadow-s);
    border-radius: 24px
}

.OutputMsg>a.OutputMsg-close {
    background: var(--msl-artwork-grey-50);
    color: var(--msl-brand-secondary-500);
    width: 32px;
    line-height: 32px;
    font-size: 20px;
    border-radius: 50%;
    top: var(--msl-spacing-300);
    right: var(--msl-spacing-300)
}

.OutputMsg-form {
    max-width: 320px;
    margin: 25px auto 0;
    padding: 0;
    text-align: left
}

.OutputMsg-form .checkbox input[type=checkbox],.OutputMsg-form .checkbox-inline input[type=checkbox],.OutputMsg-form input[type=checkbox] {
    position: absolute!important
}

.OutputMsg-form .checkbox label,.OutputMsg-form .radio label {
    padding-left: 25px;
    font-weight: var(--msl-fontWeight-700);
    text-transform: none
}

.OutputMsg-form .OutputMsg-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 320px;
    margin: -15px auto 0
}

.OutputMsg-form .OutputMsg-actions .OutputMsg-btn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.OutputMsg-form .OutputMsg-actions .OutputMsg-btn:first-child {
    margin-left: 0
}

.OutputMsg-form .OutputMsg-actions .OutputMsg-btn:last-child {
    margin-right: 0
}

@media (max-width: 649px) {
    .OutputMsg-form .OutputMsg-actions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        max-width: 180px;
        margin-top: 0
    }

    .OutputMsg-form .OutputMsg-actions .OutputMsg-btn {
        margin: 5px 0
    }

    .OutputMsg-form .OutputMsg-actions .OutputMsg-btn.btn-default {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }
}

.OutputMsg-formGroup {
    margin-top: -10px;
    margin-bottom: 15px
}

.OutputMsg-formGroup:first-child {
    margin-top: 0
}

.OutputMsg-formGroup .form-group {
    margin-bottom: 10px
}

.OutputMsg--importDoc {
    border-bottom: 1px solid var(--msl-artwork-grey-0);
    margin-top: 0
}

.OutputMsg-title--fontSize18 {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.Warning {
    display: table;
    width: 100%
}

.Warning-icon {
    display: table-cell;
    vertical-align: middle;
    width: 5%;
    text-align: left;
    color: var(--msl-artwork-grey-600);
    font-size: 25px
}

.Warning-message {
    display: table-cell;
    vertical-align: middle;
    width: 95%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600);
    padding-left: 10px;
    margin: 20px 0
}

.errorTechnicalContainer {
    padding: 56px;
    text-align: center
}

.errorTechnicalContainer h1 {
    color: var(--msl-brand-secondary-500);
    font-weight: var(--msl-fontWeight-700)
}

.errorTechnicalContainer .description {
    margin-bottom: 15px;
    color: var(--msl-brand-secondary-500)
}

.errorTechnicalContainer .laterBtn {
    line-height: 48px
}

.errorTechnicalContainer .margin-25 {
    margin-top: 25px
}

.errorTechnicalContainer .blocErreur {
    margin-top: 100px;
    height: 680px
}

.errorTechnicalContainer .Titre {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700)
}

.errorTechnicalContainer .Message {
    width: 70%;
    margin: auto
}

.errorTechnicalContainer .iconeFonctionelle {
    font-size: var(--msl-fontSize-24);
    width: 48px;
    height: 48px;
    background: var(--msl-functionnal-warning-30);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--msl-functionnal-danger-100)
}

.error.technical {
    width: 65px;
    height: 65px;
    background: var(--msl-functionnal-danger-100);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

i.icon.icon-error::after {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: var(--msl-artwork-grey-0);
    font-size: 24px
}

.message-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.backtop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 3;
    width: 40px;
    height: 40px;
    margin: 0 20px 20px 0;
    line-height: 40px;
    text-align: center;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-400);
    border-radius: 100%;
    border: 0;
    -webkit-transition: visibility .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in;
    transition: visibility .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in;
    transition: transform .5s ease-in,visibility .5s ease-in,opacity .5s ease-in;
    transition: transform .5s ease-in,visibility .5s ease-in,opacity .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    cursor: pointer;
    outline: 0;
    opacity: 0;
    visibility: visible
}

.backtop:focus,.backtop:hover {
    background: var(--msl-brand-secondary-500)
}

.backtop-icon {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: -3px
}

.backtop--visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility .3s ease-out,opacity .3s ease-out,background .3s,-webkit-transform .3s ease-out;
    transition: visibility .3s ease-out,opacity .3s ease-out,background .3s,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,visibility .3s ease-out,opacity .3s ease-out,background .3s;
    transition: transform .3s ease-out,visibility .3s ease-out,opacity .3s ease-out,background .3s,-webkit-transform .3s ease-out
}

.js-maxlines-content {
    overflow: hidden
}

.js-maxlines-more {
    cursor: pointer
}

.row-no-padding {
    margin-left: 0;
    margin-right: 0
}

.row-no-padding>[class*=col-] {
    padding-left: 0!important;
    padding-right: 0!important
}

.row-no-padding>[class*=col-].col-padding-left {
    padding-left: 0!important
}

@media (min-width: 650px) {
    .row-no-padding>[class*=col-].col-padding-left {
        padding-left:5px!important
    }
}

.row-no-padding>[class*=col-].col-padding {
    padding-left: 0!important;
    padding-right: 0!important
}

@media (min-width: 650px) {
    .row-no-padding>[class*=col-].col-padding {
        padding-left:5px!important;
        padding-right: 5px!important
    }
}

.row-no-padding>[class*=col-].col-padding-right {
    padding-right: 0!important
}

@media (min-width: 650px) {
    .row-no-padding>[class*=col-].col-padding-right {
        padding-right:5px!important
    }
}

.container-no-padding {
    padding-left: 0;
    padding-right: 0
}

.container-padding-bottom {
    padding-bottom: var(--msl-spacing-800)
}

.is-overflowHidden {
    overflow: hidden
}

.Footer {
    position: relative
}

@media print {
    .Footer {
        display: none!important
    }
}

.TopFooterSocial-content,.push-to-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.TopFooterSocial-content {
    list-style-type: none;
    margin: unset;
    padding: unset
}

.TopFooterSocial {
    width: 100%;
    background-color: var(--msl-artwork-grey-900)
}

.TopFooterSocial-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.TopFooterSocial-Links {
    text-decoration: none;
    cursor: pointer
}

.TopFooterSocial-Links:focus,.TopFooterSocial-Links:hover {
    text-decoration: none;
    background-color: var(--msl-artwork-grey-100)
}

@media screen and (max-width: 649px) {
    .TopFooterSocial .push-to-social {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .TopFooterSocial .push-to-social .TopFooterSocial-item {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .TopFooterSocial .push-to-social .TopFooterSocial-content {
        width: 100%
    }

    .TopFooterSocial-item {
        height: 80px
    }
}

@media screen and (min-width: 650px) {
    .TopFooterSocial {
        display:block;
        border-bottom: 2px solid var(--msl-artwork-grey-900);
        text-align: center
    }

    .TopFooterSocial-Links {
        margin: 25px var(--msl-spacing-100)
    }

    .TopFooterSocial-item {
        height: auto
    }
}

.MidFooterLink {
    width: 100%;
    background-color: var(--msl-artwork-grey-900);
    text-align: center;
    display: table;
    overflow: hidden
}

.MidFooterLink-CaLogo {
    margin: 0 20px;
    width: 120px;
    max-height: 100%
}

.MidFooterLink-SubCategory {
    display: table-cell;
    vertical-align: top;
    padding: 45px 0
}

.MidFooterLink-SubCategoryTitle {
    text-align: left;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700)
}

.MidFooterLink-SubCategoryTitleTag {
    margin: 0 0 10px;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.MidFooterLink-Chevrons {
    display: none!important;
    cursor: pointer
}

.MidFooterLink-SubCategoryLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    text-align: left;
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.MidFooterLink-SubCategoryLink:focus,.MidFooterLink-SubCategoryLink:hover {
    color: var(--msl-artwork-grey-0)
}

.MidFooterLink-SubCategoryLinks {
    float: left;
    color: var(--msl-artwork-grey-600)
}

.MidFooterLink-SubCategoryLinks>div[role=listitem] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.MidFooterLink-SubCategoryLinks:first-child {
    width: 40%
}

.MidFooterLink-SubCategoryLinks:last-child {
    width: 60%;
    padding-left: 25px;
    border-left: 2px solid var(--msl-artwork-grey-900)
}

.MidFooterLink-SubCategoryBorder {
    border-left: 2px solid var(--msl-artwork-grey-900);
    padding-left: 55px;
    padding-right: 5px
}

.MidFooterLink-MalEntendantLink {
    display: block;
    text-align: left;
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.MidFooterLink-MalEntendantLink:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: underline
}

.MidFooterLink-MalEntendantLink:focus {
    color: var(--msl-artwork-grey-0)
}

.MidFooterLink-SubCategoryBlocLinks>div[role=listitem] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

@media screen and (max-width: 989px) {
    .MidFooterLink-SubCategory {
        display:block;
        border-bottom: 2px solid var(--msl-artwork-grey-600);
        padding-top: var(--msl-spacing-500);
        padding-bottom: var(--msl-spacing-500);
        vertical-align: middle;
        cursor: pointer
    }

    .MidFooterLink-MalEntendantLink,.MidFooterLink-SubCategoryLink,.MidFooterLink-SubCategoryTitle {
        text-align: center
    }

    .MidFooterLink-SubCategoryBorder {
        border-left: none;
        padding-left: 0
    }

    .MidFooterLink-SubCategoryBlocLinks {
        display: none
    }

    .MidFooterLink-SubCategoryBlocLinks>div[role=listitem] {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .MidFooterLink-SubCategoryLinks {
        float: none
    }

    .MidFooterLink-SubCategoryLinks:first-child {
        width: 100%
    }

    .MidFooterLink-SubCategoryLinks:last-child {
        width: 100%;
        padding-left: 0;
        border-left: none
    }

    .MidFooterLink-SubCategoryLinks {
        float: none;
        width: 100%
    }

    .MidFooterLink-SubCategoryLinks>div[role=listitem] {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .MidFooterLink-SubCategoryTitle {
        position: relative
    }

    .MidFooterLink-SubCategoryTitle span {
        display: block!important;
        position: absolute;
        top: 50%;
        right: 15%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }

    .MidFooterLink-CaLogo {
        margin-top: 0
    }

    .MidFooterLink-SubCategoryBorder {
        border-bottom: none
    }
}

.LowFooterMention {
    width: 100%;
    height: 45px;
    background-color: var(--msl-artwork-grey-900);
    display: table;
    text-align: center
}

.footer-mentions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.copyright {
    white-space: nowrap;
    color: var(--msl-artwork-grey-0);
    margin-left: var(--msl-spacing-100);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.LowFooterMention-BlocLinks {
    background-color: #000;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: var(--msl-spacing-200)
}

.LowFooterMention-FlagDropup {
    display: inline-block;
    padding: 0 10px
}

.LowFooterMention-FlagDropupBtn {
    background: 0 0;
    background-color: transparent!important;
    padding: 0;
    display: table
}

.LowFooterMention-FlagDropupBtn,.LowFooterMention-FlagDropupBtn:active,.LowFooterMention-FlagDropupBtn:hover {
    border: 0!important
}

.LowFooterMention-MainFlagImg {
    width: 17px;
    margin: 10px 0
}

.LowFooterMention-FlagImg {
    width: 22px;
    margin: 10px 5px
}

.LowFooterMention-BtnTriangleMenu {
    border-right-width: 4px;
    border-left-width: 4px;
    border-bottom-width: 4px!important;
    margin-left: 5px!important;
    color: var(--msl-artwork-grey-50)
}

.LowFooterMention-FlagDropupUl {
    left: 50%;
    min-width: 0;
    margin-bottom: -10px!important;
    padding: 0 10px;
    border-radius: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.MidFooterLink-TriangleForFlagBubble {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -1px;
    border-style: solid;
    border-width: 9px 9px 0;
    border-color: var(--msl-artwork-grey-0) transparent transparent transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.LowFooterMention-FlagDropupList {
    text-align: center;
    white-space: nowrap
}

.LowFooterMention-FlagDropupListLink {
    display: inline-block!important;
    padding: 0!important
}

.mentionList {
    margin-right: 232px;
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.mentionList li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: center;
    align-self: center
}

.mentionList li:not(:last-child) {
    border-right: 1px solid var(--msl-artwork-grey-0)
}

.LowFooterMention-Links {
    border-radius: var(--msl-borderRadius-25);
    text-decoration: underline;
    display: inline-block;
    color: var(--msl-artwork-grey-100);
    margin: 0 var(--msl-spacing-100);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.LowFooterMention-Links:hover {
    color: var(--msl-artwork-grey-0)
}

.LowFooterMention-Links:focus {
    color: var(--msl-artwork-grey-0)
}

@media screen and (max-width: 1365px) {
    .mentionList {
        margin-right:var(--msl-spacing-100)
    }
}

@media screen and (max-width: 1365px) {
    .LowFooterMention-Links {
        white-space:nowrap
    }

    .footer-mentions {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

@media screen and (max-width: 989px) {
    .footer-mentions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .LowFooterMention-Links {
        text-align: start;
        display: block;
        margin: var(--msl-spacing-100) 0;
        white-space: wrap
    }

    .mentionList {
        margin-right: 0;
        padding-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: var(--msl-spacing-200)
    }

    .mentionList li {
        margin: 0;
        -webkit-align-self: flex-start;
        align-self: flex-start
    }

    .mentionList li:not(:last-child) {
        border-right: 0
    }

    .LowFooterMention-BlocLinks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        background-color: #000;
        padding: var(--msl-spacing-500) 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: var(--msl-spacing-200)
    }

    .LowFooterMention-FlagImg,.LowFooterMention-MainFlagImg {
        width: 25px
    }

    .copyright {
        margin-left: 0
    }

    .LowFooterMention-FlagDropup {
        position: relative;
        width: 100%;
        padding: 10px 0;
        border: none
    }

    .LowFooterMention-FlagDropup:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15%;
        color: var(--msl-artwork-grey-0);
        font-size: var(--msl-fontSize-18);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .LowFooterMention-FlagDropup.open:after {
        content: ""
    }

    .LowFooterMention-FlagDropup .LowFooterMention-BtnTriangleMenu {
        display: none
    }

    .LowFooterMention-FlagDropupBtn {
        position: relative;
        z-index: 1;
        width: 100%
    }
}

.list-links .list-links__title {
    margin-top: 45px;
    margin-bottom: var(--msl-spacing-200);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase
}

@media (min-width: 990px) {
    .list-links .list-links__title {
        text-transform:none
    }
}

.list-links__block:nth-of-type(odd) {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.list-links__block:nth-of-type(odd)>a {
    text-decoration: none
}

@media (min-width: 650px) {
    .list-links__block:nth-of-type(odd) {
        padding-left:40px;
        padding-right: 40px;
        padding-bottom: 5px
    }
}

@media (min-width: 990px) {
    .list-links__block:nth-of-type(odd) {
        padding-left:50px;
        padding-right: 10px;
        padding-bottom: 1px
    }
}

.list-links__block:nth-of-type(2n) {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    text-decoration: none
}

.list-links__block:nth-of-type(2n)>a {
    text-decoration: none
}

@media (min-width: 650px) {
    .list-links__block:nth-of-type(2n) {
        padding-left:40px;
        padding-right: 40px;
        padding-bottom: 5px
    }
}

@media (min-width: 990px) {
    .list-links__block:nth-of-type(2n) {
        padding-left:10px;
        padding-right: 50px;
        padding-bottom: 1px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

.list-links__item {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--msl-artwork-grey-50);
    border-bottom: 1px solid #fff;
    color: var(--msl-artwork-grey-900)
}

.list-links__item::after {
    float: right;
    font-family: "NPC Icons crunchy R2503"!important;
    content: "";
    font-size: 1.8em;
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-primary)
}

.BlockLinkContainer {
    padding: 0 5%
}

.BlockLinkContainer.BlockLinkContainer--padding {
    padding: 0 12%
}

.BlockLink-cat:focus a,.BlockLink-cat:focus a:focus,.BlockLink-cat:focus a:hover,.BlockLink-cat:hover a,.BlockLink-cat:hover a:focus,.BlockLink-cat:hover a:hover,.BlockLink-desc:focus a,.BlockLink-desc:focus a:focus,.BlockLink-desc:focus a:hover,.BlockLink-desc:hover a,.BlockLink-desc:hover a:focus,.BlockLink-desc:hover a:hover,.BlockLink-title:focus a,.BlockLink-title:focus a:focus,.BlockLink-title:focus a:hover,.BlockLink-title:hover a,.BlockLink-title:hover a:focus,.BlockLink-title:hover a:hover {
    color: var(--msl-artwork-grey-0)!important
}

div.BlockLink:hover>a {
    color: var(--msl-artwork-grey-0)!important
}

div.BlockLink:hover>a:focus,div.BlockLink:hover>a:hover {
    color: var(--msl-artwork-grey-0)!important
}

.BlockLink,.BlockLink .BlockLink-cat a,.BlockLink .BlockLink-cat a:focus,.BlockLink .BlockLink-cat a:hover,.BlockLink .BlockLink-desc a,.BlockLink .BlockLink-desc a:focus,.BlockLink .BlockLink-desc a:hover,.BlockLink .BlockLink-title a,.BlockLink .BlockLink-title a:focus,.BlockLink .BlockLink-title a:hover,.BlockLink a.BlockLink-cat,.BlockLink a.BlockLink-cat:focus,.BlockLink a.BlockLink-cat:hover,.BlockLink a.BlockLink-desc,.BlockLink a.BlockLink-desc:focus,.BlockLink a.BlockLink-desc:hover,.BlockLink a.BlockLink-title,.BlockLink a.BlockLink-title:focus,.BlockLink a.BlockLink-title:hover,.BlockLink:focus,.BlockLink:hover {
    color: inherit;
    text-decoration: none
}

.BlockLink .BlockLink-cat a:focus,.BlockLink .BlockLink-desc a:focus,.BlockLink .BlockLink-title a:focus,.BlockLink a.BlockLink-cat:focus,.BlockLink a.BlockLink-desc:focus,.BlockLink a.BlockLink-title:focus,.BlockLink:focus {
    text-decoration: underline
}

.BlockLink {
    position: relative;
    display: table;
    width: 100%;
    margin: 20px 0;
    padding: 20px 50px 20px 20px;
    background-color: var(--msl-artwork-grey-50);
    color: var(--msl-artwork-grey-1000)
}

.BlockLink:focus,.BlockLink:hover {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.BlockLink:focus .BlockLink-arrow,.BlockLink:focus .BlockLink-cat,.BlockLink:focus .BlockLink-title,.BlockLink:hover .BlockLink-arrow,.BlockLink:hover .BlockLink-cat,.BlockLink:hover .BlockLink-title {
    color: inherit
}

.BlockLink .BlockLink-title-link:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.BlockLink .BlockLink-title-link:before h2 {
    text-decoration: none
}

.Template-backgroundBrandGray01 .BlockLink {
    background-color: var(--msl-artwork-grey-0)
}

.BlockLink--table {
    display: table;
    padding: 10px 50px 10px 10px
}

.BlockLink--border {
    border-left: 10px solid var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-1000)
}

.BlockLink--border:focus,.BlockLink--border:hover,.BlockLink--table:focus,.BlockLink--table:hover {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.BlockLink--border:focus .BlockLink-arrow,.BlockLink--border:focus .BlockLink-cat,.BlockLink--border:focus .BlockLink-title,.BlockLink--border:hover .BlockLink-arrow,.BlockLink--border:hover .BlockLink-cat,.BlockLink--border:hover .BlockLink-title,.BlockLink--table:focus .BlockLink-arrow,.BlockLink--table:focus .BlockLink-cat,.BlockLink--table:focus .BlockLink-title,.BlockLink--table:hover .BlockLink-arrow,.BlockLink--table:hover .BlockLink-cat,.BlockLink--table:hover .BlockLink-title {
    color: inherit
}

.BlockLink--border:active,.BlockLink--table:active {
    text-decoration: none
}

.BlockLink--border:visited,.BlockLink--table:visited {
    text-decoration: none
}

.BlockLink--border .BlockLink-title,.BlockLink--table .BlockLink-title {
    color: inherit
}

.BlockLink--anchor {
    text-align: center
}

.BlockLink-cell {
    display: table-cell;
    vertical-align: middle
}

.BlockLink-cell+.BlockLink-cell {
    padding-left: 20px
}

.BlockLink-cell--icon {
    width: 110px;
    height: 110px;
    text-align: center;
    background-color: var(--msl-brand-secondary-400)
}

.BlockLink-icon {
    width: 56px
}

.BlockLink-cat,.BlockLink-cat p {
    margin: 0 0 10px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.BlockLink-title+.BlockLink-desc {
    margin: 10px 0 0
}

.BlockLink-title,.BlockLink-title p {
    margin: 0;
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase
}

.BlockLink-desc,.BlockLink-desc p {
    display: block;
    margin: 0;
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.4;
    max-height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.BlockLink-desc--bold {
    font-weight: var(--msl-fontWeight-700)
}

.BlockLink-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.BlockLink-arrow--small {
    font-size: 1.2em
}

.BlockLink-arrow--smaller {
    font-size: var(--msl-fontSize-14)
}

.BlockLink-anchorIcon {
    width: 55px;
    line-height: 25px;
    text-align: center;
    background-color: var(--msl-brand-secondary-400);
    border-radius: 3px;
    color: var(--msl-artwork-grey-0)
}

.BlockLink-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 -5px
}

.BlockLink-btn>* {
    margin: 0 5px;
    max-width: 200px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

@media screen and (max-width: 649px) {
    .BlockLink-btn>* {
        max-width:100%;
        width: 100%
    }
}

.BlockLink-btn .SubscribeBtn-btn {
    padding-left: 4%;
    padding-right: 4%
}

.BlockLink-btnDiscover {
    padding-left: 4%!important;
    padding-right: 4%!important
}

.section-haute-wrapper,.univers-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.FieldEdit {
    position: relative;
    height: 85px;
    padding: 25px 2.5vw;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    background-color: var(--msl-artwork-grey-50)
}

.FieldEdit-input {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--msl-artwork-grey-900);
    -webkit-appearance: none
}

.FieldEdit-input.FieldEdit-input--completed,.FieldEdit-input.ng-not-empty,.FieldEdit-input:focus {
    outline: 0
}

.FieldEdit-input.FieldEdit-input--completed~.FieldEdit-label,.FieldEdit-input.ng-not-empty~.FieldEdit-label,.FieldEdit-input:focus~.FieldEdit-label {
    z-index: 0
}

.FieldEdit-input.FieldEdit-input--completed~.FieldEdit-label .FieldEdit-labelText,.FieldEdit-input.ng-not-empty~.FieldEdit-label .FieldEdit-labelText,.FieldEdit-input:focus~.FieldEdit-label .FieldEdit-labelText {
    display: none
}

.FieldEdit-input.FieldEdit-input--completed~.FieldEdit-label .FieldEdit-labelIcon,.FieldEdit-input.ng-not-empty~.FieldEdit-label .FieldEdit-labelIcon,.FieldEdit-input:focus~.FieldEdit-label .FieldEdit-labelIcon {
    position: absolute;
    right: 2.5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.FieldEdit-completedValue,.FieldEdit-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 2.5vw;
    line-height: 85px
}

.FieldEdit-label {
    cursor: text
}

.FieldEdit-labelText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic;
    text-transform: none
}

.FieldEdit-labelIcon {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.FieldEdit-completedValue,.FieldEdit-completedValue:active,.FieldEdit-completedValue:focus,.FieldEdit-completedValue:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.FieldEdit-completedValue .FieldEdit-labelIcon {
    position: absolute;
    right: 2.5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.NavActions-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    float: left;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    background: var(--msl-brand-primary);
    -webkit-transition: background .3s;
    transition: background .3s;
    padding: 15px 10px
}

.NavActions-item:focus,.NavActions-item:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-500);
    text-decoration: none
}

.NavActions-item:before {
    display: block;
    height: 20px;
    line-height: 1
}

.NavActions-item:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 40px;
    margin: -20px 0;
    background: rgba(255,255,255,.5)
}

.NavActions-item:first-child:after {
    display: none
}

.NavActions-item--add:before,.swipableBloc-action--add:before {
    content: "";
    font-size: var(--msl-fontSize-12)
}

.NavActions-item--edit:before,.swipableBloc-action--edit:before {
    content: "";
    font-size: var(--msl-fontSize-14)
}

.NavActions-item--rename:before {
    content: "";
    font-size: var(--msl-fontSize-14)
}

.NavActions-item--remove:before,.swipableBloc-action--remove:before {
    content: "";
    font-size: var(--msl-fontSize-14)
}

.NavActions-item--transfer:before,.swipableBloc-action--transfer:before {
    content: "";
    font-size: var(--msl-fontSize-12)
}

.NavActions-item--check:before,.swipableBloc-action--check:before {
    content: "";
    font-size: var(--msl-fontSize-18)
}

.NavActions-item--card:before,.swipableBloc-action--card:before {
    content: "";
    font-size: var(--msl-fontSize-16)
}

.NavActions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    min-height: 80px;
    margin: 20px 0
}

.NavActions-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%
}

.NavActions--slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: auto;
    margin-left: -5%;
    margin-right: -5%
}

.NavActions--slider .NavActions-next,.NavActions--slider .NavActions-prev {
    display: block
}

.NavActions-next,.NavActions-prev {
    display: none;
    position: relative;
    width: 38px;
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.NavActions-next:before,.NavActions-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    font-size: var(--msl-fontSize-12)
}

.NavActions-next:focus,.NavActions-next:hover,.NavActions-prev:focus,.NavActions-prev:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.NavActions-prev {
    border-right: 1px solid var(--msl-artwork-grey-0)
}

.NavActions-prev:before {
    content: ""
}

.NavActions-next {
    border-left: 1px solid var(--msl-artwork-grey-0)
}

.NavActions-next:before {
    content: ""
}

.NavActions-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 117px
}

.HeaderVisuel-image,.PushCarousel3-masking {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.NewsFeed-body,.bootstrap-select .dropdown-menu,.ui-menu.ui-widget.ui-widget-content {
    scrollbar-base-color:var(--msl-brand-primary);scrollbar-arrow-color: var(--msl-brand-primary);
    scrollbar-face-color:var(--msl-brand-primary);scrollbar-track-color: rgba(255,255,255,0);
    scrollbar-shadow-color:var(--msl-brand-primary)}

.NewsFeed-body: :-webkit-scrollbar,.bootstrap-select .dropdown-menu::-webkit-scrollbar,.ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar {
    width:7px;
    background-color: rgba(255,255,255,0)
}

.NewsFeed-body::-webkit-scrollbar-track,.bootstrap-select .dropdown-menu::-webkit-scrollbar-track,.ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0)
}

.NewsFeed-body::-webkit-scrollbar-thumb,.bootstrap-select .dropdown-menu::-webkit-scrollbar-thumb,.ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
    background-color: var(--msl-brand-primary)
}

.NewsFeed-body::-webkit-scrollbar-thumb:hover,.bootstrap-select .dropdown-menu::-webkit-scrollbar-thumb:hover,.ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--msl-brand-secondary-500)
}

.BlockLink-btnDiscover,.CompareBox-btn,.CustomMessage-btn,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link,.Error404-btnNoBg,.Error404-btnPrimary,.FirstLogin-button,.FormActions-btn,.GenericBtn-block--primary .GenericBtn-btnSecondary,.GenericBtn-block--primary .SubscribeBtn-btnSecondary,.GenericBtn-btn,.GenericBtn-btnSecondary,.GenericBtn-btnWhite,.GreenBtn-chatBoxUnfoldedBtn,.GreenBtn-contentBlockItemBtnPrimaryWhite,.HeaderVisuel-button,.LayerNav-articlesBtn,.Modal-action,.NewsFeed-btn,.PushCommunication-btn,.PushPage-button,.SubscribeBtn-block--primary .GenericBtn-btnSecondary,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary,.SubscribeBtn-btn,.SubscribeBtn-btnSecondary,.SubscribeBtn-btnWhite,.TechnicalError-btnNoBg,.TechnicalError-btnPrimary,.ZCoord-itemBtnPrimary,.ZCoord-itemBtnSecondary,.bandeau-50-50-action,.btn,.btnWrap a,.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:not(.npc-msl-button),.cardMagArticle-layerButton,.cardMagFilter-action,.navbar-fol .navbar-fol-action,.navbar-fol-sticky .navbar-fol-action {
    display: inline-block;
    margin-bottom: 2px;
    font-weight: var(--msl-fontWeight-600);
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    border-style: solid;
    padding: 11px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.BlockLink-btnDiscover:active.focus,.BlockLink-btnDiscover:active:focus,.BlockLink-btnDiscover:focus,.CompareBox-btn:active.focus,.CompareBox-btn:active:focus,.CompareBox-btn:focus,.CustomMessage-btn:active.focus,.CustomMessage-btn:active:focus,.CustomMessage-btn:focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active.focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active:focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn .active.focus.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link,.Error404-btnNoBg:active.focus,.Error404-btnNoBg:active:focus,.Error404-btnNoBg:focus,.Error404-btnPrimary:active.focus,.Error404-btnPrimary:active:focus,.Error404-btnPrimary:focus,.FirstLogin-button:active.focus,.FirstLogin-button:active:focus,.FirstLogin-button:focus,.FormActions-btn:active.focus,.FormActions-btn:active:focus,.FormActions-btn:focus,.GenericBtn-btn:active.focus,.GenericBtn-btn:active:focus,.GenericBtn-btn:focus,.GenericBtn-btnSecondary:active.focus,.GenericBtn-btnSecondary:active:focus,.GenericBtn-btnSecondary:focus,.GenericBtn-btnWhite:active.focus,.GenericBtn-btnWhite:active:focus,.GenericBtn-btnWhite:focus,.GreenBtn-chatBoxUnfoldedBtn:active.focus,.GreenBtn-chatBoxUnfoldedBtn:active:focus,.GreenBtn-chatBoxUnfoldedBtn:focus,.GreenBtn-contentBlockItemBtnPrimaryWhite:active.focus,.GreenBtn-contentBlockItemBtnPrimaryWhite:active:focus,.GreenBtn-contentBlockItemBtnPrimaryWhite:focus,.HeaderVisuel-button:active.focus,.HeaderVisuel-button:active:focus,.HeaderVisuel-button:focus,.LayerNav-articlesBtn:active.focus,.LayerNav-articlesBtn:active:focus,.LayerNav-articlesBtn:focus,.Modal-action:active.focus,.Modal-action:active:focus,.Modal-action:focus,.NewsFeed-btn:active.focus,.NewsFeed-btn:active:focus,.NewsFeed-btn:focus,.PushCommunication-btn:active.focus,.PushCommunication-btn:active:focus,.PushCommunication-btn:focus,.PushPage-button:active.focus,.PushPage-button:active:focus,.PushPage-button:focus,.SubscribeBtn-btn:active.focus,.SubscribeBtn-btn:active:focus,.SubscribeBtn-btn:focus,.SubscribeBtn-btnSecondary:active.focus,.SubscribeBtn-btnSecondary:active:focus,.SubscribeBtn-btnSecondary:focus,.SubscribeBtn-btnWhite:active.focus,.SubscribeBtn-btnWhite:active:focus,.SubscribeBtn-btnWhite:focus,.TechnicalError-btnNoBg:active.focus,.TechnicalError-btnNoBg:active:focus,.TechnicalError-btnNoBg:focus,.TechnicalError-btnPrimary:active.focus,.TechnicalError-btnPrimary:active:focus,.TechnicalError-btnPrimary:focus,.ZCoord-itemBtnPrimary:active.focus,.ZCoord-itemBtnPrimary:active:focus,.ZCoord-itemBtnPrimary:focus,.ZCoord-itemBtnSecondary:active.focus,.ZCoord-itemBtnSecondary:active:focus,.ZCoord-itemBtnSecondary:focus,.active.BlockLink-btnDiscover:focus,.active.CompareBox-btn:focus,.active.CustomMessage-btn:focus,.active.Error404-btnNoBg:focus,.active.Error404-btnPrimary:focus,.active.FirstLogin-button:focus,.active.FormActions-btn:focus,.active.GenericBtn-btn:focus,.active.GenericBtn-btnSecondary:focus,.active.GenericBtn-btnWhite:focus,.active.GreenBtn-chatBoxUnfoldedBtn:focus,.active.GreenBtn-contentBlockItemBtnPrimaryWhite:focus,.active.HeaderVisuel-button:focus,.active.LayerNav-articlesBtn:focus,.active.Modal-action:focus,.active.NewsFeed-btn:focus,.active.PushCommunication-btn:focus,.active.PushPage-button:focus,.active.SubscribeBtn-btn:focus,.active.SubscribeBtn-btnSecondary:focus,.active.SubscribeBtn-btnWhite:focus,.active.TechnicalError-btnNoBg:focus,.active.TechnicalError-btnPrimary:focus,.active.ZCoord-itemBtnPrimary:focus,.active.ZCoord-itemBtnSecondary:focus,.active.bandeau-50-50-action:focus,.active.btn:focus,.active.cardMagArticle-layerButton:focus,.active.cardMagFilter-action:focus,.active.focus.BlockLink-btnDiscover,.active.focus.CompareBox-btn,.active.focus.CustomMessage-btn,.active.focus.Error404-btnNoBg,.active.focus.Error404-btnPrimary,.active.focus.FirstLogin-button,.active.focus.FormActions-btn,.active.focus.GenericBtn-btn,.active.focus.GenericBtn-btnSecondary,.active.focus.GenericBtn-btnWhite,.active.focus.GreenBtn-chatBoxUnfoldedBtn,.active.focus.GreenBtn-contentBlockItemBtnPrimaryWhite,.active.focus.HeaderVisuel-button,.active.focus.LayerNav-articlesBtn,.active.focus.Modal-action,.active.focus.NewsFeed-btn,.active.focus.PushCommunication-btn,.active.focus.PushPage-button,.active.focus.SubscribeBtn-btn,.active.focus.SubscribeBtn-btnSecondary,.active.focus.SubscribeBtn-btnWhite,.active.focus.TechnicalError-btnNoBg,.active.focus.TechnicalError-btnPrimary,.active.focus.ZCoord-itemBtnPrimary,.active.focus.ZCoord-itemBtnSecondary,.active.focus.bandeau-50-50-action,.active.focus.btn,.active.focus.cardMagArticle-layerButton,.active.focus.cardMagFilter-action,.bandeau-50-50-action:active.focus,.bandeau-50-50-action:active:focus,.bandeau-50-50-action:focus,.btn:active.focus,.btn:active:focus,.btn:focus,.btnWrap a.active.focus,.btnWrap a.active:focus,.btnWrap a.focus,.btnWrap a:active.focus,.btnWrap a:active:focus,.btnWrap a:focus,.callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .active.focus.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active.focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link:not(.npc-msl-button),.cardMagArticle-layerButton:active.focus,.cardMagArticle-layerButton:active:focus,.cardMagArticle-layerButton:focus,.cardMagFilter-action:active.focus,.cardMagFilter-action:active:focus,.cardMagFilter-action:focus,.focus.BlockLink-btnDiscover,.focus.CompareBox-btn,.focus.CustomMessage-btn,.focus.Error404-btnNoBg,.focus.Error404-btnPrimary,.focus.FirstLogin-button,.focus.FormActions-btn,.focus.GenericBtn-btn,.focus.GenericBtn-btnSecondary,.focus.GenericBtn-btnWhite,.focus.GreenBtn-chatBoxUnfoldedBtn,.focus.GreenBtn-contentBlockItemBtnPrimaryWhite,.focus.HeaderVisuel-button,.focus.LayerNav-articlesBtn,.focus.Modal-action,.focus.NewsFeed-btn,.focus.PushCommunication-btn,.focus.PushPage-button,.focus.SubscribeBtn-btn,.focus.SubscribeBtn-btnSecondary,.focus.SubscribeBtn-btnWhite,.focus.TechnicalError-btnNoBg,.focus.TechnicalError-btnPrimary,.focus.ZCoord-itemBtnPrimary,.focus.ZCoord-itemBtnSecondary,.focus.bandeau-50-50-action,.focus.btn,.focus.cardMagArticle-layerButton,.focus.cardMagFilter-action,.navbar-fol .active.focus.navbar-fol-action,.navbar-fol .active.navbar-fol-action:focus,.navbar-fol .focus.navbar-fol-action,.navbar-fol .navbar-fol-action:active.focus,.navbar-fol .navbar-fol-action:active:focus,.navbar-fol .navbar-fol-action:focus,.navbar-fol-sticky .active.focus.navbar-fol-action,.navbar-fol-sticky .active.navbar-fol-action:focus,.navbar-fol-sticky .focus.navbar-fol-action,.navbar-fol-sticky .navbar-fol-action:active.focus,.navbar-fol-sticky .navbar-fol-action:active:focus,.navbar-fol-sticky .navbar-fol-action:focus {
    outline: 0
}

.BlockLink-btnDiscover:active,.BlockLink-btnDiscover:focus,.BlockLink-btnDiscover:hover,.CompareBox-btn:active,.CompareBox-btn:focus,.CompareBox-btn:hover,.CustomMessage-btn:active,.CustomMessage-btn:focus,.CustomMessage-btn:hover,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover,.ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link,.Error404-btnNoBg:active,.Error404-btnNoBg:focus,.Error404-btnNoBg:hover,.Error404-btnPrimary:active,.Error404-btnPrimary:focus,.Error404-btnPrimary:hover,.FirstLogin-button:active,.FirstLogin-button:focus,.FirstLogin-button:hover,.FormActions-btn:active,.FormActions-btn:focus,.FormActions-btn:hover,.GenericBtn-btn:active,.GenericBtn-btn:focus,.GenericBtn-btn:hover,.GenericBtn-btnSecondary:active,.GenericBtn-btnSecondary:focus,.GenericBtn-btnSecondary:hover,.GenericBtn-btnWhite:active,.GenericBtn-btnWhite:focus,.GenericBtn-btnWhite:hover,.GreenBtn-chatBoxUnfoldedBtn:active,.GreenBtn-chatBoxUnfoldedBtn:focus,.GreenBtn-chatBoxUnfoldedBtn:hover,.GreenBtn-contentBlockItemBtnPrimaryWhite:active,.GreenBtn-contentBlockItemBtnPrimaryWhite:focus,.GreenBtn-contentBlockItemBtnPrimaryWhite:hover,.HeaderVisuel-button:active,.HeaderVisuel-button:focus,.HeaderVisuel-button:hover,.LayerNav-articlesBtn:active,.LayerNav-articlesBtn:focus,.LayerNav-articlesBtn:hover,.Modal-action:active,.Modal-action:focus,.Modal-action:hover,.NewsFeed-btn:active,.NewsFeed-btn:focus,.NewsFeed-btn:hover,.PushCommunication-btn:active,.PushCommunication-btn:focus,.PushCommunication-btn:hover,.PushPage-button:active,.PushPage-button:focus,.PushPage-button:hover,.SubscribeBtn-btn:active,.SubscribeBtn-btn:focus,.SubscribeBtn-btn:hover,.SubscribeBtn-btnSecondary:active,.SubscribeBtn-btnSecondary:focus,.SubscribeBtn-btnSecondary:hover,.SubscribeBtn-btnWhite:active,.SubscribeBtn-btnWhite:focus,.SubscribeBtn-btnWhite:hover,.TechnicalError-btnNoBg:active,.TechnicalError-btnNoBg:focus,.TechnicalError-btnNoBg:hover,.TechnicalError-btnPrimary:active,.TechnicalError-btnPrimary:focus,.TechnicalError-btnPrimary:hover,.ZCoord-itemBtnPrimary:active,.ZCoord-itemBtnPrimary:focus,.ZCoord-itemBtnPrimary:hover,.ZCoord-itemBtnSecondary:active,.ZCoord-itemBtnSecondary:focus,.ZCoord-itemBtnSecondary:hover,.active.BlockLink-btnDiscover,.active.CompareBox-btn,.active.CustomMessage-btn,.active.Error404-btnNoBg,.active.Error404-btnPrimary,.active.FirstLogin-button,.active.FormActions-btn,.active.GenericBtn-btn,.active.GenericBtn-btnSecondary,.active.GenericBtn-btnWhite,.active.GreenBtn-chatBoxUnfoldedBtn,.active.GreenBtn-contentBlockItemBtnPrimaryWhite,.active.HeaderVisuel-button,.active.LayerNav-articlesBtn,.active.Modal-action,.active.NewsFeed-btn,.active.PushCommunication-btn,.active.PushPage-button,.active.SubscribeBtn-btn,.active.SubscribeBtn-btnSecondary,.active.SubscribeBtn-btnWhite,.active.TechnicalError-btnNoBg,.active.TechnicalError-btnPrimary,.active.ZCoord-itemBtnPrimary,.active.ZCoord-itemBtnSecondary,.active.bandeau-50-50-action,.active.btn,.active.cardMagArticle-layerButton,.active.cardMagFilter-action,.bandeau-50-50-action:active,.bandeau-50-50-action:focus,.bandeau-50-50-action:hover,.btn:active,.btn:focus,.btn:hover,.btnWrap a.active,.btnWrap a.focus,.btnWrap a.hover,.btnWrap a:active,.btnWrap a:focus,.btnWrap a:hover,.callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link:not(.npc-msl-button),.cardMagArticle-layerButton:active,.cardMagArticle-layerButton:focus,.cardMagArticle-layerButton:hover,.cardMagFilter-action:active,.cardMagFilter-action:focus,.cardMagFilter-action:hover,.focus.BlockLink-btnDiscover,.focus.CompareBox-btn,.focus.CustomMessage-btn,.focus.Error404-btnNoBg,.focus.Error404-btnPrimary,.focus.FirstLogin-button,.focus.FormActions-btn,.focus.GenericBtn-btn,.focus.GenericBtn-btnSecondary,.focus.GenericBtn-btnWhite,.focus.GreenBtn-chatBoxUnfoldedBtn,.focus.GreenBtn-contentBlockItemBtnPrimaryWhite,.focus.HeaderVisuel-button,.focus.LayerNav-articlesBtn,.focus.Modal-action,.focus.NewsFeed-btn,.focus.PushCommunication-btn,.focus.PushPage-button,.focus.SubscribeBtn-btn,.focus.SubscribeBtn-btnSecondary,.focus.SubscribeBtn-btnWhite,.focus.TechnicalError-btnNoBg,.focus.TechnicalError-btnPrimary,.focus.ZCoord-itemBtnPrimary,.focus.ZCoord-itemBtnSecondary,.focus.bandeau-50-50-action,.focus.btn,.focus.cardMagArticle-layerButton,.focus.cardMagFilter-action,.hover.BlockLink-btnDiscover,.hover.CompareBox-btn,.hover.CustomMessage-btn,.hover.Error404-btnNoBg,.hover.Error404-btnPrimary,.hover.FirstLogin-button,.hover.FormActions-btn,.hover.GenericBtn-btn,.hover.GenericBtn-btnSecondary,.hover.GenericBtn-btnWhite,.hover.GreenBtn-chatBoxUnfoldedBtn,.hover.GreenBtn-contentBlockItemBtnPrimaryWhite,.hover.HeaderVisuel-button,.hover.LayerNav-articlesBtn,.hover.Modal-action,.hover.NewsFeed-btn,.hover.PushCommunication-btn,.hover.PushPage-button,.hover.SubscribeBtn-btn,.hover.SubscribeBtn-btnSecondary,.hover.SubscribeBtn-btnWhite,.hover.TechnicalError-btnNoBg,.hover.TechnicalError-btnPrimary,.hover.ZCoord-itemBtnPrimary,.hover.ZCoord-itemBtnSecondary,.hover.bandeau-50-50-action,.hover.btn,.hover.cardMagArticle-layerButton,.hover.cardMagFilter-action,.navbar-fol .active.navbar-fol-action,.navbar-fol .focus.navbar-fol-action,.navbar-fol .hover.navbar-fol-action,.navbar-fol .navbar-fol-action:active,.navbar-fol .navbar-fol-action:focus,.navbar-fol .navbar-fol-action:hover,.navbar-fol-sticky .active.navbar-fol-action,.navbar-fol-sticky .focus.navbar-fol-action,.navbar-fol-sticky .hover.navbar-fol-action,.navbar-fol-sticky .navbar-fol-action:active,.navbar-fol-sticky .navbar-fol-action:focus,.navbar-fol-sticky .navbar-fol-action:hover {
    text-decoration: none!important
}

.BlockLink-btnDiscover:active,.CompareBox-btn:active,.CustomMessage-btn:active,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link,.Error404-btnNoBg:active,.Error404-btnPrimary:active,.FirstLogin-button:active,.FormActions-btn:active,.GenericBtn-btn:active,.GenericBtn-btnSecondary:active,.GenericBtn-btnWhite:active,.GreenBtn-chatBoxUnfoldedBtn:active,.GreenBtn-contentBlockItemBtnPrimaryWhite:active,.HeaderVisuel-button:active,.LayerNav-articlesBtn:active,.Modal-action:active,.NewsFeed-btn:active,.PushCommunication-btn:active,.PushPage-button:active,.SubscribeBtn-btn:active,.SubscribeBtn-btnSecondary:active,.SubscribeBtn-btnWhite:active,.TechnicalError-btnNoBg:active,.TechnicalError-btnPrimary:active,.ZCoord-itemBtnPrimary:active,.ZCoord-itemBtnSecondary:active,.active.BlockLink-btnDiscover,.active.CompareBox-btn,.active.CustomMessage-btn,.active.Error404-btnNoBg,.active.Error404-btnPrimary,.active.FirstLogin-button,.active.FormActions-btn,.active.GenericBtn-btn,.active.GenericBtn-btnSecondary,.active.GenericBtn-btnWhite,.active.GreenBtn-chatBoxUnfoldedBtn,.active.GreenBtn-contentBlockItemBtnPrimaryWhite,.active.HeaderVisuel-button,.active.LayerNav-articlesBtn,.active.Modal-action,.active.NewsFeed-btn,.active.PushCommunication-btn,.active.PushPage-button,.active.SubscribeBtn-btn,.active.SubscribeBtn-btnSecondary,.active.SubscribeBtn-btnWhite,.active.TechnicalError-btnNoBg,.active.TechnicalError-btnPrimary,.active.ZCoord-itemBtnPrimary,.active.ZCoord-itemBtnSecondary,.active.bandeau-50-50-action,.active.btn,.active.cardMagArticle-layerButton,.active.cardMagFilter-action,.bandeau-50-50-action:active,.btn:active,.btnWrap a.active,.btnWrap a:active,.callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:not(.npc-msl-button),.cardMagArticle-layerButton:active,.cardMagFilter-action:active,.navbar-fol .active.navbar-fol-action,.navbar-fol .navbar-fol-action:active,.navbar-fol-sticky .active.navbar-fol-action,.navbar-fol-sticky .navbar-fol-action:active {
    outline: 0;
    background-image: none
}

.BlockLink-btnDiscover[disabled],.BlockLink-btnDiscover[disabled].active,.BlockLink-btnDiscover[disabled].focus,.BlockLink-btnDiscover[disabled].hover,.BlockLink-btnDiscover[disabled]:active,.BlockLink-btnDiscover[disabled]:focus,.BlockLink-btnDiscover[disabled]:hover,.CompareBox-btn[disabled],.CompareBox-btn[disabled].active,.CompareBox-btn[disabled].focus,.CompareBox-btn[disabled].hover,.CompareBox-btn[disabled]:active,.CompareBox-btn[disabled]:focus,.CompareBox-btn[disabled]:hover,.CustomMessage-btn[disabled],.CustomMessage-btn[disabled].active,.CustomMessage-btn[disabled].focus,.CustomMessage-btn[disabled].hover,.CustomMessage-btn[disabled]:active,.CustomMessage-btn[disabled]:focus,.CustomMessage-btn[disabled]:hover,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled],.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled].active,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled].focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled].hover,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled]:active,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled]:focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled]:hover,.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:hover,.ES-join-projectsBloc--withBtn .disabled.active.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .disabled.focus.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .disabled.hover.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link:hover,.ES-join-projectsBloc--withBtn fieldset[disabled] .active.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn fieldset[disabled] .focus.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn fieldset[disabled] .hover.ES-join-projectsBloc-link,.Error404-btnNoBg[disabled],.Error404-btnNoBg[disabled].active,.Error404-btnNoBg[disabled].focus,.Error404-btnNoBg[disabled].hover,.Error404-btnNoBg[disabled]:active,.Error404-btnNoBg[disabled]:focus,.Error404-btnNoBg[disabled]:hover,.Error404-btnPrimary[disabled],.Error404-btnPrimary[disabled].active,.Error404-btnPrimary[disabled].focus,.Error404-btnPrimary[disabled].hover,.Error404-btnPrimary[disabled]:active,.Error404-btnPrimary[disabled]:focus,.Error404-btnPrimary[disabled]:hover,.FirstLogin-button[disabled],.FirstLogin-button[disabled].active,.FirstLogin-button[disabled].focus,.FirstLogin-button[disabled].hover,.FirstLogin-button[disabled]:active,.FirstLogin-button[disabled]:focus,.FirstLogin-button[disabled]:hover,.FormActions-btn[disabled],.FormActions-btn[disabled].active,.FormActions-btn[disabled].focus,.FormActions-btn[disabled].hover,.FormActions-btn[disabled]:active,.FormActions-btn[disabled]:focus,.FormActions-btn[disabled]:hover,.GenericBtn-btnSecondary[disabled],.GenericBtn-btnSecondary[disabled].active,.GenericBtn-btnSecondary[disabled].focus,.GenericBtn-btnSecondary[disabled].hover,.GenericBtn-btnSecondary[disabled]:active,.GenericBtn-btnSecondary[disabled]:focus,.GenericBtn-btnSecondary[disabled]:hover,.GenericBtn-btnWhite[disabled],.GenericBtn-btnWhite[disabled].active,.GenericBtn-btnWhite[disabled].focus,.GenericBtn-btnWhite[disabled].hover,.GenericBtn-btnWhite[disabled]:active,.GenericBtn-btnWhite[disabled]:focus,.GenericBtn-btnWhite[disabled]:hover,.GenericBtn-btn[disabled],.GenericBtn-btn[disabled].active,.GenericBtn-btn[disabled].focus,.GenericBtn-btn[disabled].hover,.GenericBtn-btn[disabled]:active,.GenericBtn-btn[disabled]:focus,.GenericBtn-btn[disabled]:hover,.GreenBtn-chatBoxUnfoldedBtn[disabled],.GreenBtn-chatBoxUnfoldedBtn[disabled].active,.GreenBtn-chatBoxUnfoldedBtn[disabled].focus,.GreenBtn-chatBoxUnfoldedBtn[disabled].hover,.GreenBtn-chatBoxUnfoldedBtn[disabled]:active,.GreenBtn-chatBoxUnfoldedBtn[disabled]:focus,.GreenBtn-chatBoxUnfoldedBtn[disabled]:hover,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled],.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled].active,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled].focus,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled].hover,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled]:active,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled]:focus,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled]:hover,.HeaderVisuel-button[disabled],.HeaderVisuel-button[disabled].active,.HeaderVisuel-button[disabled].focus,.HeaderVisuel-button[disabled].hover,.HeaderVisuel-button[disabled]:active,.HeaderVisuel-button[disabled]:focus,.HeaderVisuel-button[disabled]:hover,.LayerNav-articlesBtn[disabled],.LayerNav-articlesBtn[disabled].active,.LayerNav-articlesBtn[disabled].focus,.LayerNav-articlesBtn[disabled].hover,.LayerNav-articlesBtn[disabled]:active,.LayerNav-articlesBtn[disabled]:focus,.LayerNav-articlesBtn[disabled]:hover,.Modal-action[disabled],.Modal-action[disabled].active,.Modal-action[disabled].focus,.Modal-action[disabled].hover,.Modal-action[disabled]:active,.Modal-action[disabled]:focus,.Modal-action[disabled]:hover,.NewsFeed-btn[disabled],.NewsFeed-btn[disabled].active,.NewsFeed-btn[disabled].focus,.NewsFeed-btn[disabled].hover,.NewsFeed-btn[disabled]:active,.NewsFeed-btn[disabled]:focus,.NewsFeed-btn[disabled]:hover,.PushCommunication-btn[disabled],.PushCommunication-btn[disabled].active,.PushCommunication-btn[disabled].focus,.PushCommunication-btn[disabled].hover,.PushCommunication-btn[disabled]:active,.PushCommunication-btn[disabled]:focus,.PushCommunication-btn[disabled]:hover,.PushPage-button[disabled],.PushPage-button[disabled].active,.PushPage-button[disabled].focus,.PushPage-button[disabled].hover,.PushPage-button[disabled]:active,.PushPage-button[disabled]:focus,.PushPage-button[disabled]:hover,.SubscribeBtn-btnSecondary[disabled],.SubscribeBtn-btnSecondary[disabled].active,.SubscribeBtn-btnSecondary[disabled].focus,.SubscribeBtn-btnSecondary[disabled].hover,.SubscribeBtn-btnSecondary[disabled]:active,.SubscribeBtn-btnSecondary[disabled]:focus,.SubscribeBtn-btnSecondary[disabled]:hover,.SubscribeBtn-btnWhite[disabled],.SubscribeBtn-btnWhite[disabled].active,.SubscribeBtn-btnWhite[disabled].focus,.SubscribeBtn-btnWhite[disabled].hover,.SubscribeBtn-btnWhite[disabled]:active,.SubscribeBtn-btnWhite[disabled]:focus,.SubscribeBtn-btnWhite[disabled]:hover,.SubscribeBtn-btn[disabled],.SubscribeBtn-btn[disabled].active,.SubscribeBtn-btn[disabled].focus,.SubscribeBtn-btn[disabled].hover,.SubscribeBtn-btn[disabled]:active,.SubscribeBtn-btn[disabled]:focus,.SubscribeBtn-btn[disabled]:hover,.TechnicalError-btnNoBg[disabled],.TechnicalError-btnNoBg[disabled].active,.TechnicalError-btnNoBg[disabled].focus,.TechnicalError-btnNoBg[disabled].hover,.TechnicalError-btnNoBg[disabled]:active,.TechnicalError-btnNoBg[disabled]:focus,.TechnicalError-btnNoBg[disabled]:hover,.TechnicalError-btnPrimary[disabled],.TechnicalError-btnPrimary[disabled].active,.TechnicalError-btnPrimary[disabled].focus,.TechnicalError-btnPrimary[disabled].hover,.TechnicalError-btnPrimary[disabled]:active,.TechnicalError-btnPrimary[disabled]:focus,.TechnicalError-btnPrimary[disabled]:hover,.ZCoord-itemBtnPrimary[disabled],.ZCoord-itemBtnPrimary[disabled].active,.ZCoord-itemBtnPrimary[disabled].focus,.ZCoord-itemBtnPrimary[disabled].hover,.ZCoord-itemBtnPrimary[disabled]:active,.ZCoord-itemBtnPrimary[disabled]:focus,.ZCoord-itemBtnPrimary[disabled]:hover,.ZCoord-itemBtnSecondary[disabled],.ZCoord-itemBtnSecondary[disabled].active,.ZCoord-itemBtnSecondary[disabled].focus,.ZCoord-itemBtnSecondary[disabled].hover,.ZCoord-itemBtnSecondary[disabled]:active,.ZCoord-itemBtnSecondary[disabled]:focus,.ZCoord-itemBtnSecondary[disabled]:hover,.bandeau-50-50-action[disabled],.bandeau-50-50-action[disabled].active,.bandeau-50-50-action[disabled].focus,.bandeau-50-50-action[disabled].hover,.bandeau-50-50-action[disabled]:active,.bandeau-50-50-action[disabled]:focus,.bandeau-50-50-action[disabled]:hover,.btnWrap a.disabled,.btnWrap a.disabled.active,.btnWrap a.disabled.focus,.btnWrap a.disabled.hover,.btnWrap a.disabled:active,.btnWrap a.disabled:focus,.btnWrap a.disabled:hover,.btnWrap a[disabled],.btnWrap a[disabled].active,.btnWrap a[disabled].focus,.btnWrap a[disabled].hover,.btnWrap a[disabled]:active,.btnWrap a[disabled]:focus,.btnWrap a[disabled]:hover,.btnWrap fieldset[disabled] a,.btnWrap fieldset[disabled] a.active,.btnWrap fieldset[disabled] a.focus,.btnWrap fieldset[disabled] a.hover,.btnWrap fieldset[disabled] a:active,.btnWrap fieldset[disabled] a:focus,.btnWrap fieldset[disabled] a:hover,.btn[disabled],.btn[disabled].active,.btn[disabled].focus,.btn[disabled].hover,.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover,.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled].active:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled].focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled].hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.focus.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.hover.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .focus.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .hover.callGreenBtnBloc-link:not(.npc-msl-button),.cardMagArticle-layerButton[disabled],.cardMagArticle-layerButton[disabled].active,.cardMagArticle-layerButton[disabled].focus,.cardMagArticle-layerButton[disabled].hover,.cardMagArticle-layerButton[disabled]:active,.cardMagArticle-layerButton[disabled]:focus,.cardMagArticle-layerButton[disabled]:hover,.cardMagFilter-action[disabled],.cardMagFilter-action[disabled].active,.cardMagFilter-action[disabled].focus,.cardMagFilter-action[disabled].hover,.cardMagFilter-action[disabled]:active,.cardMagFilter-action[disabled]:focus,.cardMagFilter-action[disabled]:hover,.disabled.BlockLink-btnDiscover,.disabled.BlockLink-btnDiscover:active,.disabled.BlockLink-btnDiscover:focus,.disabled.BlockLink-btnDiscover:hover,.disabled.CompareBox-btn,.disabled.CompareBox-btn:active,.disabled.CompareBox-btn:focus,.disabled.CompareBox-btn:hover,.disabled.CustomMessage-btn,.disabled.CustomMessage-btn:active,.disabled.CustomMessage-btn:focus,.disabled.CustomMessage-btn:hover,.disabled.Error404-btnNoBg,.disabled.Error404-btnNoBg:active,.disabled.Error404-btnNoBg:focus,.disabled.Error404-btnNoBg:hover,.disabled.Error404-btnPrimary,.disabled.Error404-btnPrimary:active,.disabled.Error404-btnPrimary:focus,.disabled.Error404-btnPrimary:hover,.disabled.FirstLogin-button,.disabled.FirstLogin-button:active,.disabled.FirstLogin-button:focus,.disabled.FirstLogin-button:hover,.disabled.FormActions-btn,.disabled.FormActions-btn:active,.disabled.FormActions-btn:focus,.disabled.FormActions-btn:hover,.disabled.GenericBtn-btn,.disabled.GenericBtn-btn:active,.disabled.GenericBtn-btn:focus,.disabled.GenericBtn-btn:hover,.disabled.GenericBtn-btnSecondary,.disabled.GenericBtn-btnSecondary:active,.disabled.GenericBtn-btnSecondary:focus,.disabled.GenericBtn-btnSecondary:hover,.disabled.GenericBtn-btnWhite,.disabled.GenericBtn-btnWhite:active,.disabled.GenericBtn-btnWhite:focus,.disabled.GenericBtn-btnWhite:hover,.disabled.GreenBtn-chatBoxUnfoldedBtn,.disabled.GreenBtn-chatBoxUnfoldedBtn:active,.disabled.GreenBtn-chatBoxUnfoldedBtn:focus,.disabled.GreenBtn-chatBoxUnfoldedBtn:hover,.disabled.GreenBtn-contentBlockItemBtnPrimaryWhite,.disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:active,.disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:focus,.disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:hover,.disabled.HeaderVisuel-button,.disabled.HeaderVisuel-button:active,.disabled.HeaderVisuel-button:focus,.disabled.HeaderVisuel-button:hover,.disabled.LayerNav-articlesBtn,.disabled.LayerNav-articlesBtn:active,.disabled.LayerNav-articlesBtn:focus,.disabled.LayerNav-articlesBtn:hover,.disabled.Modal-action,.disabled.Modal-action:active,.disabled.Modal-action:focus,.disabled.Modal-action:hover,.disabled.NewsFeed-btn,.disabled.NewsFeed-btn:active,.disabled.NewsFeed-btn:focus,.disabled.NewsFeed-btn:hover,.disabled.PushCommunication-btn,.disabled.PushCommunication-btn:active,.disabled.PushCommunication-btn:focus,.disabled.PushCommunication-btn:hover,.disabled.PushPage-button,.disabled.PushPage-button:active,.disabled.PushPage-button:focus,.disabled.PushPage-button:hover,.disabled.SubscribeBtn-btn,.disabled.SubscribeBtn-btn:active,.disabled.SubscribeBtn-btn:focus,.disabled.SubscribeBtn-btn:hover,.disabled.SubscribeBtn-btnSecondary,.disabled.SubscribeBtn-btnSecondary:active,.disabled.SubscribeBtn-btnSecondary:focus,.disabled.SubscribeBtn-btnSecondary:hover,.disabled.SubscribeBtn-btnWhite,.disabled.SubscribeBtn-btnWhite:active,.disabled.SubscribeBtn-btnWhite:focus,.disabled.SubscribeBtn-btnWhite:hover,.disabled.TechnicalError-btnNoBg,.disabled.TechnicalError-btnNoBg:active,.disabled.TechnicalError-btnNoBg:focus,.disabled.TechnicalError-btnNoBg:hover,.disabled.TechnicalError-btnPrimary,.disabled.TechnicalError-btnPrimary:active,.disabled.TechnicalError-btnPrimary:focus,.disabled.TechnicalError-btnPrimary:hover,.disabled.ZCoord-itemBtnPrimary,.disabled.ZCoord-itemBtnPrimary:active,.disabled.ZCoord-itemBtnPrimary:focus,.disabled.ZCoord-itemBtnPrimary:hover,.disabled.ZCoord-itemBtnSecondary,.disabled.ZCoord-itemBtnSecondary:active,.disabled.ZCoord-itemBtnSecondary:focus,.disabled.ZCoord-itemBtnSecondary:hover,.disabled.active.BlockLink-btnDiscover,.disabled.active.CompareBox-btn,.disabled.active.CustomMessage-btn,.disabled.active.Error404-btnNoBg,.disabled.active.Error404-btnPrimary,.disabled.active.FirstLogin-button,.disabled.active.FormActions-btn,.disabled.active.GenericBtn-btn,.disabled.active.GenericBtn-btnSecondary,.disabled.active.GenericBtn-btnWhite,.disabled.active.GreenBtn-chatBoxUnfoldedBtn,.disabled.active.GreenBtn-contentBlockItemBtnPrimaryWhite,.disabled.active.HeaderVisuel-button,.disabled.active.LayerNav-articlesBtn,.disabled.active.Modal-action,.disabled.active.NewsFeed-btn,.disabled.active.PushCommunication-btn,.disabled.active.PushPage-button,.disabled.active.SubscribeBtn-btn,.disabled.active.SubscribeBtn-btnSecondary,.disabled.active.SubscribeBtn-btnWhite,.disabled.active.TechnicalError-btnNoBg,.disabled.active.TechnicalError-btnPrimary,.disabled.active.ZCoord-itemBtnPrimary,.disabled.active.ZCoord-itemBtnSecondary,.disabled.active.bandeau-50-50-action,.disabled.active.btn,.disabled.active.cardMagArticle-layerButton,.disabled.active.cardMagFilter-action,.disabled.bandeau-50-50-action,.disabled.bandeau-50-50-action:active,.disabled.bandeau-50-50-action:focus,.disabled.bandeau-50-50-action:hover,.disabled.btn,.disabled.btn:active,.disabled.btn:focus,.disabled.btn:hover,.disabled.cardMagArticle-layerButton,.disabled.cardMagArticle-layerButton:active,.disabled.cardMagArticle-layerButton:focus,.disabled.cardMagArticle-layerButton:hover,.disabled.cardMagFilter-action,.disabled.cardMagFilter-action:active,.disabled.cardMagFilter-action:focus,.disabled.cardMagFilter-action:hover,.disabled.focus.BlockLink-btnDiscover,.disabled.focus.CompareBox-btn,.disabled.focus.CustomMessage-btn,.disabled.focus.Error404-btnNoBg,.disabled.focus.Error404-btnPrimary,.disabled.focus.FirstLogin-button,.disabled.focus.FormActions-btn,.disabled.focus.GenericBtn-btn,.disabled.focus.GenericBtn-btnSecondary,.disabled.focus.GenericBtn-btnWhite,.disabled.focus.GreenBtn-chatBoxUnfoldedBtn,.disabled.focus.GreenBtn-contentBlockItemBtnPrimaryWhite,.disabled.focus.HeaderVisuel-button,.disabled.focus.LayerNav-articlesBtn,.disabled.focus.Modal-action,.disabled.focus.NewsFeed-btn,.disabled.focus.PushCommunication-btn,.disabled.focus.PushPage-button,.disabled.focus.SubscribeBtn-btn,.disabled.focus.SubscribeBtn-btnSecondary,.disabled.focus.SubscribeBtn-btnWhite,.disabled.focus.TechnicalError-btnNoBg,.disabled.focus.TechnicalError-btnPrimary,.disabled.focus.ZCoord-itemBtnPrimary,.disabled.focus.ZCoord-itemBtnSecondary,.disabled.focus.bandeau-50-50-action,.disabled.focus.btn,.disabled.focus.cardMagArticle-layerButton,.disabled.focus.cardMagFilter-action,.disabled.hover.BlockLink-btnDiscover,.disabled.hover.CompareBox-btn,.disabled.hover.CustomMessage-btn,.disabled.hover.Error404-btnNoBg,.disabled.hover.Error404-btnPrimary,.disabled.hover.FirstLogin-button,.disabled.hover.FormActions-btn,.disabled.hover.GenericBtn-btn,.disabled.hover.GenericBtn-btnSecondary,.disabled.hover.GenericBtn-btnWhite,.disabled.hover.GreenBtn-chatBoxUnfoldedBtn,.disabled.hover.GreenBtn-contentBlockItemBtnPrimaryWhite,.disabled.hover.HeaderVisuel-button,.disabled.hover.LayerNav-articlesBtn,.disabled.hover.Modal-action,.disabled.hover.NewsFeed-btn,.disabled.hover.PushCommunication-btn,.disabled.hover.PushPage-button,.disabled.hover.SubscribeBtn-btn,.disabled.hover.SubscribeBtn-btnSecondary,.disabled.hover.SubscribeBtn-btnWhite,.disabled.hover.TechnicalError-btnNoBg,.disabled.hover.TechnicalError-btnPrimary,.disabled.hover.ZCoord-itemBtnPrimary,.disabled.hover.ZCoord-itemBtnSecondary,.disabled.hover.bandeau-50-50-action,.disabled.hover.btn,.disabled.hover.cardMagArticle-layerButton,.disabled.hover.cardMagFilter-action,.navbar-fol .disabled.active.navbar-fol-action,.navbar-fol .disabled.focus.navbar-fol-action,.navbar-fol .disabled.hover.navbar-fol-action,.navbar-fol .disabled.navbar-fol-action,.navbar-fol .disabled.navbar-fol-action:active,.navbar-fol .disabled.navbar-fol-action:focus,.navbar-fol .disabled.navbar-fol-action:hover,.navbar-fol .navbar-fol-action[disabled],.navbar-fol .navbar-fol-action[disabled].active,.navbar-fol .navbar-fol-action[disabled].focus,.navbar-fol .navbar-fol-action[disabled].hover,.navbar-fol .navbar-fol-action[disabled]:active,.navbar-fol .navbar-fol-action[disabled]:focus,.navbar-fol .navbar-fol-action[disabled]:hover,.navbar-fol fieldset[disabled] .active.navbar-fol-action,.navbar-fol fieldset[disabled] .focus.navbar-fol-action,.navbar-fol fieldset[disabled] .hover.navbar-fol-action,.navbar-fol fieldset[disabled] .navbar-fol-action,.navbar-fol fieldset[disabled] .navbar-fol-action:active,.navbar-fol fieldset[disabled] .navbar-fol-action:focus,.navbar-fol fieldset[disabled] .navbar-fol-action:hover,.navbar-fol-sticky .disabled.active.navbar-fol-action,.navbar-fol-sticky .disabled.focus.navbar-fol-action,.navbar-fol-sticky .disabled.hover.navbar-fol-action,.navbar-fol-sticky .disabled.navbar-fol-action,.navbar-fol-sticky .disabled.navbar-fol-action:active,.navbar-fol-sticky .disabled.navbar-fol-action:focus,.navbar-fol-sticky .disabled.navbar-fol-action:hover,.navbar-fol-sticky .navbar-fol-action[disabled],.navbar-fol-sticky .navbar-fol-action[disabled].active,.navbar-fol-sticky .navbar-fol-action[disabled].focus,.navbar-fol-sticky .navbar-fol-action[disabled].hover,.navbar-fol-sticky .navbar-fol-action[disabled]:active,.navbar-fol-sticky .navbar-fol-action[disabled]:focus,.navbar-fol-sticky .navbar-fol-action[disabled]:hover,.navbar-fol-sticky fieldset[disabled] .active.navbar-fol-action,.navbar-fol-sticky fieldset[disabled] .focus.navbar-fol-action,.navbar-fol-sticky fieldset[disabled] .hover.navbar-fol-action,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action:active,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action:focus,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action:hover,fieldset[disabled] .BlockLink-btnDiscover,fieldset[disabled] .BlockLink-btnDiscover:active,fieldset[disabled] .BlockLink-btnDiscover:focus,fieldset[disabled] .BlockLink-btnDiscover:hover,fieldset[disabled] .CompareBox-btn,fieldset[disabled] .CompareBox-btn:active,fieldset[disabled] .CompareBox-btn:focus,fieldset[disabled] .CompareBox-btn:hover,fieldset[disabled] .CustomMessage-btn,fieldset[disabled] .CustomMessage-btn:active,fieldset[disabled] .CustomMessage-btn:focus,fieldset[disabled] .CustomMessage-btn:hover,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover,fieldset[disabled] .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link,fieldset[disabled] .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link,fieldset[disabled] .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link,fieldset[disabled] .Error404-btnNoBg,fieldset[disabled] .Error404-btnNoBg:active,fieldset[disabled] .Error404-btnNoBg:focus,fieldset[disabled] .Error404-btnNoBg:hover,fieldset[disabled] .Error404-btnPrimary,fieldset[disabled] .Error404-btnPrimary:active,fieldset[disabled] .Error404-btnPrimary:focus,fieldset[disabled] .Error404-btnPrimary:hover,fieldset[disabled] .FirstLogin-button,fieldset[disabled] .FirstLogin-button:active,fieldset[disabled] .FirstLogin-button:focus,fieldset[disabled] .FirstLogin-button:hover,fieldset[disabled] .FormActions-btn,fieldset[disabled] .FormActions-btn:active,fieldset[disabled] .FormActions-btn:focus,fieldset[disabled] .FormActions-btn:hover,fieldset[disabled] .GenericBtn-btn,fieldset[disabled] .GenericBtn-btn:active,fieldset[disabled] .GenericBtn-btn:focus,fieldset[disabled] .GenericBtn-btn:hover,fieldset[disabled] .GenericBtn-btnSecondary,fieldset[disabled] .GenericBtn-btnSecondary:active,fieldset[disabled] .GenericBtn-btnSecondary:focus,fieldset[disabled] .GenericBtn-btnSecondary:hover,fieldset[disabled] .GenericBtn-btnWhite,fieldset[disabled] .GenericBtn-btnWhite:active,fieldset[disabled] .GenericBtn-btnWhite:focus,fieldset[disabled] .GenericBtn-btnWhite:hover,fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn,fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:active,fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:focus,fieldset[disabled] .GreenBtn-chatBoxUnfoldedBtn:hover,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:active,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:focus,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:hover,fieldset[disabled] .HeaderVisuel-button,fieldset[disabled] .HeaderVisuel-button:active,fieldset[disabled] .HeaderVisuel-button:focus,fieldset[disabled] .HeaderVisuel-button:hover,fieldset[disabled] .LayerNav-articlesBtn,fieldset[disabled] .LayerNav-articlesBtn:active,fieldset[disabled] .LayerNav-articlesBtn:focus,fieldset[disabled] .LayerNav-articlesBtn:hover,fieldset[disabled] .Modal-action,fieldset[disabled] .Modal-action:active,fieldset[disabled] .Modal-action:focus,fieldset[disabled] .Modal-action:hover,fieldset[disabled] .NewsFeed-btn,fieldset[disabled] .NewsFeed-btn:active,fieldset[disabled] .NewsFeed-btn:focus,fieldset[disabled] .NewsFeed-btn:hover,fieldset[disabled] .PushCommunication-btn,fieldset[disabled] .PushCommunication-btn:active,fieldset[disabled] .PushCommunication-btn:focus,fieldset[disabled] .PushCommunication-btn:hover,fieldset[disabled] .PushPage-button,fieldset[disabled] .PushPage-button:active,fieldset[disabled] .PushPage-button:focus,fieldset[disabled] .PushPage-button:hover,fieldset[disabled] .SubscribeBtn-btn,fieldset[disabled] .SubscribeBtn-btn:active,fieldset[disabled] .SubscribeBtn-btn:focus,fieldset[disabled] .SubscribeBtn-btn:hover,fieldset[disabled] .SubscribeBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-btnSecondary:active,fieldset[disabled] .SubscribeBtn-btnSecondary:focus,fieldset[disabled] .SubscribeBtn-btnSecondary:hover,fieldset[disabled] .SubscribeBtn-btnWhite,fieldset[disabled] .SubscribeBtn-btnWhite:active,fieldset[disabled] .SubscribeBtn-btnWhite:focus,fieldset[disabled] .SubscribeBtn-btnWhite:hover,fieldset[disabled] .TechnicalError-btnNoBg,fieldset[disabled] .TechnicalError-btnNoBg:active,fieldset[disabled] .TechnicalError-btnNoBg:focus,fieldset[disabled] .TechnicalError-btnNoBg:hover,fieldset[disabled] .TechnicalError-btnPrimary,fieldset[disabled] .TechnicalError-btnPrimary:active,fieldset[disabled] .TechnicalError-btnPrimary:focus,fieldset[disabled] .TechnicalError-btnPrimary:hover,fieldset[disabled] .ZCoord-itemBtnPrimary,fieldset[disabled] .ZCoord-itemBtnPrimary:active,fieldset[disabled] .ZCoord-itemBtnPrimary:focus,fieldset[disabled] .ZCoord-itemBtnPrimary:hover,fieldset[disabled] .ZCoord-itemBtnSecondary,fieldset[disabled] .ZCoord-itemBtnSecondary:active,fieldset[disabled] .ZCoord-itemBtnSecondary:focus,fieldset[disabled] .ZCoord-itemBtnSecondary:hover,fieldset[disabled] .active.BlockLink-btnDiscover,fieldset[disabled] .active.CompareBox-btn,fieldset[disabled] .active.CustomMessage-btn,fieldset[disabled] .active.Error404-btnNoBg,fieldset[disabled] .active.Error404-btnPrimary,fieldset[disabled] .active.FirstLogin-button,fieldset[disabled] .active.FormActions-btn,fieldset[disabled] .active.GenericBtn-btn,fieldset[disabled] .active.GenericBtn-btnSecondary,fieldset[disabled] .active.GenericBtn-btnWhite,fieldset[disabled] .active.GreenBtn-chatBoxUnfoldedBtn,fieldset[disabled] .active.GreenBtn-contentBlockItemBtnPrimaryWhite,fieldset[disabled] .active.HeaderVisuel-button,fieldset[disabled] .active.LayerNav-articlesBtn,fieldset[disabled] .active.Modal-action,fieldset[disabled] .active.NewsFeed-btn,fieldset[disabled] .active.PushCommunication-btn,fieldset[disabled] .active.PushPage-button,fieldset[disabled] .active.SubscribeBtn-btn,fieldset[disabled] .active.SubscribeBtn-btnSecondary,fieldset[disabled] .active.SubscribeBtn-btnWhite,fieldset[disabled] .active.TechnicalError-btnNoBg,fieldset[disabled] .active.TechnicalError-btnPrimary,fieldset[disabled] .active.ZCoord-itemBtnPrimary,fieldset[disabled] .active.ZCoord-itemBtnSecondary,fieldset[disabled] .active.bandeau-50-50-action,fieldset[disabled] .active.btn,fieldset[disabled] .active.cardMagArticle-layerButton,fieldset[disabled] .active.cardMagFilter-action,fieldset[disabled] .bandeau-50-50-action,fieldset[disabled] .bandeau-50-50-action:active,fieldset[disabled] .bandeau-50-50-action:focus,fieldset[disabled] .bandeau-50-50-action:hover,fieldset[disabled] .btn,fieldset[disabled] .btn:active,fieldset[disabled] .btn:focus,fieldset[disabled] .btn:hover,fieldset[disabled] .btnWrap a,fieldset[disabled] .btnWrap a.active,fieldset[disabled] .btnWrap a.focus,fieldset[disabled] .btnWrap a.hover,fieldset[disabled] .btnWrap a:active,fieldset[disabled] .btnWrap a:focus,fieldset[disabled] .btnWrap a:hover,fieldset[disabled] .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .cardMagArticle-layerButton,fieldset[disabled] .cardMagArticle-layerButton:active,fieldset[disabled] .cardMagArticle-layerButton:focus,fieldset[disabled] .cardMagArticle-layerButton:hover,fieldset[disabled] .cardMagFilter-action,fieldset[disabled] .cardMagFilter-action:active,fieldset[disabled] .cardMagFilter-action:focus,fieldset[disabled] .cardMagFilter-action:hover,fieldset[disabled] .focus.BlockLink-btnDiscover,fieldset[disabled] .focus.CompareBox-btn,fieldset[disabled] .focus.CustomMessage-btn,fieldset[disabled] .focus.Error404-btnNoBg,fieldset[disabled] .focus.Error404-btnPrimary,fieldset[disabled] .focus.FirstLogin-button,fieldset[disabled] .focus.FormActions-btn,fieldset[disabled] .focus.GenericBtn-btn,fieldset[disabled] .focus.GenericBtn-btnSecondary,fieldset[disabled] .focus.GenericBtn-btnWhite,fieldset[disabled] .focus.GreenBtn-chatBoxUnfoldedBtn,fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimaryWhite,fieldset[disabled] .focus.HeaderVisuel-button,fieldset[disabled] .focus.LayerNav-articlesBtn,fieldset[disabled] .focus.Modal-action,fieldset[disabled] .focus.NewsFeed-btn,fieldset[disabled] .focus.PushCommunication-btn,fieldset[disabled] .focus.PushPage-button,fieldset[disabled] .focus.SubscribeBtn-btn,fieldset[disabled] .focus.SubscribeBtn-btnSecondary,fieldset[disabled] .focus.SubscribeBtn-btnWhite,fieldset[disabled] .focus.TechnicalError-btnNoBg,fieldset[disabled] .focus.TechnicalError-btnPrimary,fieldset[disabled] .focus.ZCoord-itemBtnPrimary,fieldset[disabled] .focus.ZCoord-itemBtnSecondary,fieldset[disabled] .focus.bandeau-50-50-action,fieldset[disabled] .focus.btn,fieldset[disabled] .focus.cardMagArticle-layerButton,fieldset[disabled] .focus.cardMagFilter-action,fieldset[disabled] .hover.BlockLink-btnDiscover,fieldset[disabled] .hover.CompareBox-btn,fieldset[disabled] .hover.CustomMessage-btn,fieldset[disabled] .hover.Error404-btnNoBg,fieldset[disabled] .hover.Error404-btnPrimary,fieldset[disabled] .hover.FirstLogin-button,fieldset[disabled] .hover.FormActions-btn,fieldset[disabled] .hover.GenericBtn-btn,fieldset[disabled] .hover.GenericBtn-btnSecondary,fieldset[disabled] .hover.GenericBtn-btnWhite,fieldset[disabled] .hover.GreenBtn-chatBoxUnfoldedBtn,fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimaryWhite,fieldset[disabled] .hover.HeaderVisuel-button,fieldset[disabled] .hover.LayerNav-articlesBtn,fieldset[disabled] .hover.Modal-action,fieldset[disabled] .hover.NewsFeed-btn,fieldset[disabled] .hover.PushCommunication-btn,fieldset[disabled] .hover.PushPage-button,fieldset[disabled] .hover.SubscribeBtn-btn,fieldset[disabled] .hover.SubscribeBtn-btnSecondary,fieldset[disabled] .hover.SubscribeBtn-btnWhite,fieldset[disabled] .hover.TechnicalError-btnNoBg,fieldset[disabled] .hover.TechnicalError-btnPrimary,fieldset[disabled] .hover.ZCoord-itemBtnPrimary,fieldset[disabled] .hover.ZCoord-itemBtnSecondary,fieldset[disabled] .hover.bandeau-50-50-action,fieldset[disabled] .hover.btn,fieldset[disabled] .hover.cardMagArticle-layerButton,fieldset[disabled] .hover.cardMagFilter-action,fieldset[disabled] .navbar-fol .active.navbar-fol-action,fieldset[disabled] .navbar-fol .focus.navbar-fol-action,fieldset[disabled] .navbar-fol .hover.navbar-fol-action,fieldset[disabled] .navbar-fol .navbar-fol-action,fieldset[disabled] .navbar-fol .navbar-fol-action:active,fieldset[disabled] .navbar-fol .navbar-fol-action:focus,fieldset[disabled] .navbar-fol .navbar-fol-action:hover,fieldset[disabled] .navbar-fol-sticky .active.navbar-fol-action,fieldset[disabled] .navbar-fol-sticky .focus.navbar-fol-action,fieldset[disabled] .navbar-fol-sticky .hover.navbar-fol-action,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action:active,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action:focus,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action:hover {
    cursor: not-allowed;
    opacity: 1;
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100)
}

.CompareBox--disabled .CompareBox-btn,.CompareBox--disabled .CompareBox-btn:focus,.CompareBox--disabled .CompareBox-btn:hover {
    cursor: not-allowed;
    opacity: 1;
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100)
}

.BlockLink-btnDiscover,.CompareBox-btn,.CustomMessage-btn,.Error404-btnNoBg,.Error404-btnPrimary,.FirstLogin-button,.FormActions-btn,.GenericBtn-block--primary .GenericBtn-btnSecondary,.GenericBtn-block--primary .SubscribeBtn-btnSecondary,.GenericBtn-btn,.GenericBtn-btnSecondary,.GenericBtn-btnWhite,.GreenBtn-chatBoxUnfoldedBtn,.GreenBtn-contentBlockItemBtnPrimaryWhite,.HeaderVisuel-button,.LayerNav-articlesBtn,.Modal-action,.NewsFeed-btn,.PushCommunication-btn,.PushPage-button,.SubscribeBtn-block--primary .GenericBtn-btnSecondary,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary,.SubscribeBtn-btn,.SubscribeBtn-btnSecondary,.SubscribeBtn-btnWhite,.TechnicalError-btnNoBg,.TechnicalError-btnPrimary,.ZCoord-itemBtnPrimary,.ZCoord-itemBtnSecondary,.bandeau-50-50-action,.btnWrap a,.cardMagArticle-layerButton,.cardMagFilter-action,.navbar-fol .navbar-fol-action,.navbar-fol-sticky .navbar-fol-action,a.btn {
    text-decoration: none
}

.BlockLink-btnDiscover,.DetailsOffre .AccordionSteps-BlocCTA--button,.EDocs-BtnSecondary,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link,.FirstLogin-button--back,.FormActions-btn,.GenericBtn-btnSecondary,.Modal-action--default,.PushCommunication-btn--secondary,.PushCommunication-btn:not(.PushCommunication-btn--primary),.SubcribeEDocs-BtnSecondary,.SubscribeBtn-btnSecondary,.TechnicalError-btnNoBg,.ZCoord-BtnSecondary,.ZCoord-itemBtnSecondary,.bandeau-50-50-action--secondary,.btn-default,.btnWrap-default a,.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:not(.npc-msl-button) {
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-primary);
    color: var(--msl-brand-primary)
}

.BlockLink-btnDiscover:focus,.BlockLink-btnDiscover:hover,.DetailsOffre .AccordionSteps-BlocCTA--button:focus,.DetailsOffre .AccordionSteps-BlocCTA--button:hover,.DetailsOffre .focus.AccordionSteps-BlocCTA--button,.DetailsOffre .hover.AccordionSteps-BlocCTA--button,.EDocs-BtnSecondary:focus,.EDocs-BtnSecondary:hover,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover,.ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link,.FirstLogin-button--back:focus,.FirstLogin-button--back:hover,.FormActions-btn:focus,.FormActions-btn:hover,.GenericBtn-btnSecondary:focus,.GenericBtn-btnSecondary:hover,.Modal-action--default:focus,.Modal-action--default:hover,.PushCommunication-btn--secondary:focus,.PushCommunication-btn--secondary:hover,.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.SubcribeEDocs-BtnSecondary:focus,.SubcribeEDocs-BtnSecondary:hover,.SubscribeBtn-btnSecondary:focus,.SubscribeBtn-btnSecondary:hover,.TechnicalError-btnNoBg:focus,.TechnicalError-btnNoBg:hover,.ZCoord-BtnSecondary:focus,.ZCoord-BtnSecondary:hover,.ZCoord-itemBtnSecondary:focus,.ZCoord-itemBtnSecondary:hover,.bandeau-50-50-action--secondary:focus,.bandeau-50-50-action--secondary:hover,.btn-default:focus,.btn-default:hover,.btnWrap-default a.focus,.btnWrap-default a.hover,.btnWrap-default a:focus,.btnWrap-default a:hover,.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link:not(.npc-msl-button),.focus.BlockLink-btnDiscover,.focus.EDocs-BtnSecondary,.focus.FirstLogin-button--back,.focus.FormActions-btn,.focus.GenericBtn-btnSecondary,.focus.Modal-action--default,.focus.PushCommunication-btn--secondary,.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),.focus.SubcribeEDocs-BtnSecondary,.focus.SubscribeBtn-btnSecondary,.focus.TechnicalError-btnNoBg,.focus.ZCoord-BtnSecondary,.focus.ZCoord-itemBtnSecondary,.focus.bandeau-50-50-action--secondary,.focus.btn-default,.hover.BlockLink-btnDiscover,.hover.EDocs-BtnSecondary,.hover.FirstLogin-button--back,.hover.FormActions-btn,.hover.GenericBtn-btnSecondary,.hover.Modal-action--default,.hover.PushCommunication-btn--secondary,.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.hover.SubcribeEDocs-BtnSecondary,.hover.SubscribeBtn-btnSecondary,.hover.TechnicalError-btnNoBg,.hover.ZCoord-BtnSecondary,.hover.ZCoord-itemBtnSecondary,.hover.bandeau-50-50-action--secondary,.hover.btn-default {
    color: var(--msl-brand-secondary-400);
    border-color: var(--msl-brand-secondary-400)
}

.BlockLink-btnDiscover:active,.DetailsOffre .AccordionSteps-BlocCTA--button:active,.DetailsOffre .active.AccordionSteps-BlocCTA--button,.EDocs-BtnSecondary:active,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link,.FirstLogin-button--back:active,.FormActions-btn:active,.GenericBtn-btnSecondary:active,.Modal-action--default:active,.PushCommunication-btn--secondary:active,.PushCommunication-btn:active:not(.PushCommunication-btn--primary),.SubcribeEDocs-BtnSecondary:active,.SubscribeBtn-btnSecondary:active,.TechnicalError-btnNoBg:active,.ZCoord-BtnSecondary:active,.ZCoord-itemBtnSecondary:active,.active.BlockLink-btnDiscover,.active.EDocs-BtnSecondary,.active.FirstLogin-button--back,.active.FormActions-btn,.active.GenericBtn-btnSecondary,.active.Modal-action--default,.active.PushCommunication-btn--secondary,.active.PushCommunication-btn:not(.PushCommunication-btn--primary),.active.SubcribeEDocs-BtnSecondary,.active.SubscribeBtn-btnSecondary,.active.TechnicalError-btnNoBg,.active.ZCoord-BtnSecondary,.active.ZCoord-itemBtnSecondary,.active.bandeau-50-50-action--secondary,.active.btn-default,.bandeau-50-50-action--secondary:active,.btn-default:active,.btnWrap-default a.active,.btnWrap-default a:active,.callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:not(.npc-msl-button) {
    color: var(--msl-brand-secondary-500);
    border-color: var(--msl-brand-secondary-500)
}

[data-custom-redirect]:focus .PushCommunication-btn--secondary,[data-custom-redirect]:focus .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:hover .PushCommunication-btn--secondary,[data-custom-redirect]:hover .PushCommunication-btn:not(.PushCommunication-btn--primary) {
    color: var(--msl-brand-secondary-400);
    border-color: var(--msl-brand-secondary-400)
}

.BlockLink-btnDiscover[disabled],.BlockLink-btnDiscover[disabled]:active,.BlockLink-btnDiscover[disabled]:focus,.BlockLink-btnDiscover[disabled]:hover,.DetailsOffre .AccordionSteps-BlocCTA--button[disabled],.DetailsOffre .AccordionSteps-BlocCTA--button[disabled]:active,.DetailsOffre .AccordionSteps-BlocCTA--button[disabled]:focus,.DetailsOffre .AccordionSteps-BlocCTA--button[disabled]:hover,.DetailsOffre .active.AccordionSteps-BlocCTA--button[disabled],.DetailsOffre .disabled.AccordionSteps-BlocCTA--button,.DetailsOffre .disabled.AccordionSteps-BlocCTA--button:active,.DetailsOffre .disabled.AccordionSteps-BlocCTA--button:focus,.DetailsOffre .disabled.AccordionSteps-BlocCTA--button:hover,.DetailsOffre .disabled.active.AccordionSteps-BlocCTA--button,.DetailsOffre .disabled.focus.AccordionSteps-BlocCTA--button,.DetailsOffre .disabled.hover.AccordionSteps-BlocCTA--button,.DetailsOffre .focus.AccordionSteps-BlocCTA--button[disabled],.DetailsOffre .hover.AccordionSteps-BlocCTA--button[disabled],.DetailsOffre fieldset[disabled] .AccordionSteps-BlocCTA--button,.DetailsOffre fieldset[disabled] .AccordionSteps-BlocCTA--button:active,.DetailsOffre fieldset[disabled] .AccordionSteps-BlocCTA--button:focus,.DetailsOffre fieldset[disabled] .AccordionSteps-BlocCTA--button:hover,.DetailsOffre fieldset[disabled] .active.AccordionSteps-BlocCTA--button,.DetailsOffre fieldset[disabled] .focus.AccordionSteps-BlocCTA--button,.DetailsOffre fieldset[disabled] .hover.AccordionSteps-BlocCTA--button,.EDocs-BtnSecondary[disabled],.EDocs-BtnSecondary[disabled]:active,.EDocs-BtnSecondary[disabled]:focus,.EDocs-BtnSecondary[disabled]:hover,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled],.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled]:active,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled]:focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link[disabled]:hover,.ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link[disabled],.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn .disabled.ES-join-projectsBloc-link:hover,.ES-join-projectsBloc--withBtn .disabled.active.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .disabled.focus.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .disabled.hover.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link[disabled],.ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link[disabled],.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn fieldset[disabled] .ES-join-projectsBloc-link:hover,.ES-join-projectsBloc--withBtn fieldset[disabled] .active.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn fieldset[disabled] .focus.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn fieldset[disabled] .hover.ES-join-projectsBloc-link,.FirstLogin-button--back[disabled],.FirstLogin-button--back[disabled]:active,.FirstLogin-button--back[disabled]:focus,.FirstLogin-button--back[disabled]:hover,.ForgotPswd-resetPswdFirstBtnForm--confirm.active[disabled],.ForgotPswd-resetPswdFirstBtnForm--confirm.disabled,.ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.active,.ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.focus,.ForgotPswd-resetPswdFirstBtnForm--confirm.disabled.hover,.ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:active,.ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:focus,.ForgotPswd-resetPswdFirstBtnForm--confirm.disabled:hover,.ForgotPswd-resetPswdFirstBtnForm--confirm.focus[disabled],.ForgotPswd-resetPswdFirstBtnForm--confirm.hover[disabled],.ForgotPswd-resetPswdFirstBtnForm--confirm[disabled],.ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:active,.ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:focus,.ForgotPswd-resetPswdFirstBtnForm--confirm[disabled]:hover,.ForgotPswd-resetPswdFirstBtnForm.active[disabled],.ForgotPswd-resetPswdFirstBtnForm.disabled,.ForgotPswd-resetPswdFirstBtnForm.disabled.active,.ForgotPswd-resetPswdFirstBtnForm.disabled.focus,.ForgotPswd-resetPswdFirstBtnForm.disabled.hover,.ForgotPswd-resetPswdFirstBtnForm.disabled:active,.ForgotPswd-resetPswdFirstBtnForm.disabled:focus,.ForgotPswd-resetPswdFirstBtnForm.disabled:hover,.ForgotPswd-resetPswdFirstBtnForm.focus[disabled],.ForgotPswd-resetPswdFirstBtnForm.hover[disabled],.ForgotPswd-resetPswdFirstBtnForm[disabled],.ForgotPswd-resetPswdFirstBtnForm[disabled]:active,.ForgotPswd-resetPswdFirstBtnForm[disabled]:focus,.ForgotPswd-resetPswdFirstBtnForm[disabled]:hover,.ForgotPswd-resetPswdSecondBtnForm--confirm.active[disabled],.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled,.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.active,.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.focus,.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled.hover,.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:active,.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:focus,.ForgotPswd-resetPswdSecondBtnForm--confirm.disabled:hover,.ForgotPswd-resetPswdSecondBtnForm--confirm.focus[disabled],.ForgotPswd-resetPswdSecondBtnForm--confirm.hover[disabled],.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled],.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:active,.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:focus,.ForgotPswd-resetPswdSecondBtnForm--confirm[disabled]:hover,.FormActions-btn[disabled],.FormActions-btn[disabled]:active,.FormActions-btn[disabled]:focus,.FormActions-btn[disabled]:hover,.GenericBtn-block--primary .GenericBtn-btnSecondary[disabled],.GenericBtn-block--primary .GenericBtn-btnSecondary[disabled]:active,.GenericBtn-block--primary .GenericBtn-btnSecondary[disabled]:focus,.GenericBtn-block--primary .GenericBtn-btnSecondary[disabled]:hover,.GenericBtn-block--primary .SubscribeBtn-btnSecondary[disabled],.GenericBtn-block--primary .SubscribeBtn-btnSecondary[disabled]:active,.GenericBtn-block--primary .SubscribeBtn-btnSecondary[disabled]:focus,.GenericBtn-block--primary .SubscribeBtn-btnSecondary[disabled]:hover,.GenericBtn-block--primary .active.GenericBtn-btnSecondary[disabled],.GenericBtn-block--primary .active.SubscribeBtn-btnSecondary[disabled],.GenericBtn-block--primary .disabled.GenericBtn-btnSecondary,.GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:active,.GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:focus,.GenericBtn-block--primary .disabled.GenericBtn-btnSecondary:hover,.GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary,.GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:active,.GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:focus,.GenericBtn-block--primary .disabled.SubscribeBtn-btnSecondary:hover,.GenericBtn-block--primary .disabled.active.GenericBtn-btnSecondary,.GenericBtn-block--primary .disabled.active.SubscribeBtn-btnSecondary,.GenericBtn-block--primary .disabled.focus.GenericBtn-btnSecondary,.GenericBtn-block--primary .disabled.focus.SubscribeBtn-btnSecondary,.GenericBtn-block--primary .disabled.hover.GenericBtn-btnSecondary,.GenericBtn-block--primary .disabled.hover.SubscribeBtn-btnSecondary,.GenericBtn-block--primary .focus.GenericBtn-btnSecondary[disabled],.GenericBtn-block--primary .focus.SubscribeBtn-btnSecondary[disabled],.GenericBtn-block--primary .hover.GenericBtn-btnSecondary[disabled],.GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary[disabled],.GenericBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary,.GenericBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary:active,.GenericBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary:focus,.GenericBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary:hover,.GenericBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary,.GenericBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary:active,.GenericBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary:focus,.GenericBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary:hover,.GenericBtn-block--primary fieldset[disabled] .active.GenericBtn-btnSecondary,.GenericBtn-block--primary fieldset[disabled] .active.SubscribeBtn-btnSecondary,.GenericBtn-block--primary fieldset[disabled] .focus.GenericBtn-btnSecondary,.GenericBtn-block--primary fieldset[disabled] .focus.SubscribeBtn-btnSecondary,.GenericBtn-block--primary fieldset[disabled] .hover.GenericBtn-btnSecondary,.GenericBtn-block--primary fieldset[disabled] .hover.SubscribeBtn-btnSecondary,.GenericBtn-btnSecondary[disabled],.GenericBtn-btnSecondary[disabled]:active,.GenericBtn-btnSecondary[disabled]:focus,.GenericBtn-btnSecondary[disabled]:hover,.ImportDocs-BtnSecondary[disabled],.ImportDocs-BtnSecondary[disabled]:active,.ImportDocs-BtnSecondary[disabled]:focus,.ImportDocs-BtnSecondary[disabled]:hover,.Modal-action--default[disabled],.Modal-action--default[disabled]:active,.Modal-action--default[disabled]:focus,.Modal-action--default[disabled]:hover,.PushCommunication-btn--secondary[disabled],.PushCommunication-btn--secondary[disabled]:active,.PushCommunication-btn--secondary[disabled]:focus,.PushCommunication-btn--secondary[disabled]:hover,.PushCommunication-btn[disabled]:active:not(.PushCommunication-btn--primary),.PushCommunication-btn[disabled]:focus:not(.PushCommunication-btn--primary),.PushCommunication-btn[disabled]:hover:not(.PushCommunication-btn--primary),.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--primary .PushCommunication-btn--secondary[disabled]:active,.PushCommunication-zoning--primary .PushCommunication-btn--secondary[disabled]:focus,.PushCommunication-zoning--primary .PushCommunication-btn--secondary[disabled]:hover,.PushCommunication-zoning--primary .PushCommunication-btn[disabled]:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .PushCommunication-btn[disabled]:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .PushCommunication-btn[disabled]:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .active.PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--primary .active.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary,.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:active,.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:focus,.PushCommunication-zoning--primary .disabled.PushCommunication-btn--secondary:hover,.PushCommunication-zoning--primary .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .disabled.active.PushCommunication-btn--secondary,.PushCommunication-zoning--primary .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn--secondary,.PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn--secondary,.PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .focus.PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--primary .focus.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--primary .hover.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn--secondary,.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn--secondary:active,.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn--secondary:focus,.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn--secondary:hover,.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary fieldset[disabled] .active.PushCommunication-btn--secondary,.PushCommunication-zoning--primary fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary fieldset[disabled] .focus.PushCommunication-btn--secondary,.PushCommunication-zoning--primary fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary fieldset[disabled] .hover.PushCommunication-btn--secondary,.PushCommunication-zoning--primary fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--transparent .PushCommunication-btn--secondary[disabled]:active,.PushCommunication-zoning--transparent .PushCommunication-btn--secondary[disabled]:focus,.PushCommunication-zoning--transparent .PushCommunication-btn--secondary[disabled]:hover,.PushCommunication-zoning--transparent .PushCommunication-btn[disabled]:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn[disabled]:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn[disabled]:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .active.PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--transparent .active.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:active,.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:focus,.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--secondary:hover,.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .disabled.active.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent .disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .focus.PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--transparent .focus.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary[disabled],.PushCommunication-zoning--transparent .hover.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn--secondary,.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn--secondary:active,.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn--secondary:focus,.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn--secondary:hover,.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent fieldset[disabled] .active.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent fieldset[disabled] .focus.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent fieldset[disabled] .hover.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.SubcribeEDocs-BtnSecondary[disabled],.SubcribeEDocs-BtnSecondary[disabled]:active,.SubcribeEDocs-BtnSecondary[disabled]:focus,.SubcribeEDocs-BtnSecondary[disabled]:hover,.SubscribeBtn-block--primary .GenericBtn-btnSecondary[disabled],.SubscribeBtn-block--primary .GenericBtn-btnSecondary[disabled]:active,.SubscribeBtn-block--primary .GenericBtn-btnSecondary[disabled]:focus,.SubscribeBtn-block--primary .GenericBtn-btnSecondary[disabled]:hover,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary[disabled],.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary[disabled]:active,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary[disabled]:focus,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary[disabled]:hover,.SubscribeBtn-block--primary .active.GenericBtn-btnSecondary[disabled],.SubscribeBtn-block--primary .active.SubscribeBtn-btnSecondary[disabled],.SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary,.SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:active,.SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:focus,.SubscribeBtn-block--primary .disabled.GenericBtn-btnSecondary:hover,.SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:active,.SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:focus,.SubscribeBtn-block--primary .disabled.SubscribeBtn-btnSecondary:hover,.SubscribeBtn-block--primary .disabled.active.GenericBtn-btnSecondary,.SubscribeBtn-block--primary .disabled.active.SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary .disabled.focus.GenericBtn-btnSecondary,.SubscribeBtn-block--primary .disabled.focus.SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary .disabled.hover.GenericBtn-btnSecondary,.SubscribeBtn-block--primary .disabled.hover.SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary .focus.GenericBtn-btnSecondary[disabled],.SubscribeBtn-block--primary .focus.SubscribeBtn-btnSecondary[disabled],.SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary[disabled],.SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary[disabled],.SubscribeBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary,.SubscribeBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary:active,.SubscribeBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary:focus,.SubscribeBtn-block--primary fieldset[disabled] .GenericBtn-btnSecondary:hover,.SubscribeBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary:active,.SubscribeBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary:focus,.SubscribeBtn-block--primary fieldset[disabled] .SubscribeBtn-btnSecondary:hover,.SubscribeBtn-block--primary fieldset[disabled] .active.GenericBtn-btnSecondary,.SubscribeBtn-block--primary fieldset[disabled] .active.SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary fieldset[disabled] .focus.GenericBtn-btnSecondary,.SubscribeBtn-block--primary fieldset[disabled] .focus.SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary fieldset[disabled] .hover.GenericBtn-btnSecondary,.SubscribeBtn-block--primary fieldset[disabled] .hover.SubscribeBtn-btnSecondary,.SubscribeBtn-btnSecondary[disabled],.SubscribeBtn-btnSecondary[disabled]:active,.SubscribeBtn-btnSecondary[disabled]:focus,.SubscribeBtn-btnSecondary[disabled]:hover,.TechnicalError-btnNoBg[disabled],.TechnicalError-btnNoBg[disabled]:active,.TechnicalError-btnNoBg[disabled]:focus,.TechnicalError-btnNoBg[disabled]:hover,.ZCoord-BtnSecondary[disabled],.ZCoord-BtnSecondary[disabled]:active,.ZCoord-BtnSecondary[disabled]:focus,.ZCoord-BtnSecondary[disabled]:hover,.ZCoord-itemBtnSecondary[disabled],.ZCoord-itemBtnSecondary[disabled]:active,.ZCoord-itemBtnSecondary[disabled]:focus,.ZCoord-itemBtnSecondary[disabled]:hover,.active.BlockLink-btnDiscover[disabled],.active.EDocs-BtnSecondary[disabled],.active.FirstLogin-button--back[disabled],.active.FormActions-btn[disabled],.active.GenericBtn-btnSecondary[disabled],.active.ImportDocs-BtnSecondary[disabled],.active.Modal-action--default[disabled],.active.PushCommunication-btn--secondary[disabled],.active.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.active.SubcribeEDocs-BtnSecondary[disabled],.active.SubscribeBtn-btnSecondary[disabled],.active.TechnicalError-btnNoBg[disabled],.active.ZCoord-BtnSecondary[disabled],.active.ZCoord-itemBtnSecondary[disabled],.active.bandeau-50-50-action--secondary[disabled],.active.btn-default--primaryPanel[disabled],.active.btn-default[disabled],.bandeau-50-50-action--secondary[disabled],.bandeau-50-50-action--secondary[disabled]:active,.bandeau-50-50-action--secondary[disabled]:focus,.bandeau-50-50-action--secondary[disabled]:hover,.btn-default--primaryPanel[disabled],.btn-default--primaryPanel[disabled]:active,.btn-default--primaryPanel[disabled]:focus,.btn-default--primaryPanel[disabled]:hover,.btn-default[disabled],.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,.btnWrap-default a.active[disabled],.btnWrap-default a.disabled,.btnWrap-default a.disabled.active,.btnWrap-default a.disabled.focus,.btnWrap-default a.disabled.hover,.btnWrap-default a.disabled:active,.btnWrap-default a.disabled:focus,.btnWrap-default a.disabled:hover,.btnWrap-default a.focus[disabled],.btnWrap-default a.hover[disabled],.btnWrap-default a[disabled],.btnWrap-default a[disabled]:active,.btnWrap-default a[disabled]:focus,.btnWrap-default a[disabled]:hover,.btnWrap-default fieldset[disabled] a,.btnWrap-default fieldset[disabled] a.active,.btnWrap-default fieldset[disabled] a.focus,.btnWrap-default fieldset[disabled] a.hover,.btnWrap-default fieldset[disabled] a:active,.btnWrap-default fieldset[disabled] a:focus,.btnWrap-default fieldset[disabled] a:hover,.callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link[disabled]:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link[disabled]:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.focus.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .disabled.hover.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link[disabled]:not(.npc-msl-button),.callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link[disabled]:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .focus.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn fieldset[disabled] .hover.callGreenBtnBloc-link:not(.npc-msl-button),.disabled.BlockLink-btnDiscover,.disabled.BlockLink-btnDiscover:active,.disabled.BlockLink-btnDiscover:focus,.disabled.BlockLink-btnDiscover:hover,.disabled.EDocs-BtnSecondary,.disabled.EDocs-BtnSecondary:active,.disabled.EDocs-BtnSecondary:focus,.disabled.EDocs-BtnSecondary:hover,.disabled.FirstLogin-button--back,.disabled.FirstLogin-button--back:active,.disabled.FirstLogin-button--back:focus,.disabled.FirstLogin-button--back:hover,.disabled.FormActions-btn,.disabled.FormActions-btn:active,.disabled.FormActions-btn:focus,.disabled.FormActions-btn:hover,.disabled.GenericBtn-btnSecondary,.disabled.GenericBtn-btnSecondary:active,.disabled.GenericBtn-btnSecondary:focus,.disabled.GenericBtn-btnSecondary:hover,.disabled.ImportDocs-BtnSecondary,.disabled.ImportDocs-BtnSecondary:active,.disabled.ImportDocs-BtnSecondary:focus,.disabled.ImportDocs-BtnSecondary:hover,.disabled.Modal-action--default,.disabled.Modal-action--default:active,.disabled.Modal-action--default:focus,.disabled.Modal-action--default:hover,.disabled.PushCommunication-btn--secondary,.disabled.PushCommunication-btn--secondary:active,.disabled.PushCommunication-btn--secondary:focus,.disabled.PushCommunication-btn--secondary:hover,.disabled.PushCommunication-btn:active:not(.PushCommunication-btn--primary),.disabled.PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.disabled.PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.disabled.PushCommunication-btn:not(.PushCommunication-btn--primary),.disabled.SubcribeEDocs-BtnSecondary,.disabled.SubcribeEDocs-BtnSecondary:active,.disabled.SubcribeEDocs-BtnSecondary:focus,.disabled.SubcribeEDocs-BtnSecondary:hover,.disabled.SubscribeBtn-btnSecondary,.disabled.SubscribeBtn-btnSecondary:active,.disabled.SubscribeBtn-btnSecondary:focus,.disabled.SubscribeBtn-btnSecondary:hover,.disabled.TechnicalError-btnNoBg,.disabled.TechnicalError-btnNoBg:active,.disabled.TechnicalError-btnNoBg:focus,.disabled.TechnicalError-btnNoBg:hover,.disabled.ZCoord-BtnSecondary,.disabled.ZCoord-BtnSecondary:active,.disabled.ZCoord-BtnSecondary:focus,.disabled.ZCoord-BtnSecondary:hover,.disabled.ZCoord-itemBtnSecondary,.disabled.ZCoord-itemBtnSecondary:active,.disabled.ZCoord-itemBtnSecondary:focus,.disabled.ZCoord-itemBtnSecondary:hover,.disabled.active.BlockLink-btnDiscover,.disabled.active.EDocs-BtnSecondary,.disabled.active.FirstLogin-button--back,.disabled.active.FormActions-btn,.disabled.active.GenericBtn-btnSecondary,.disabled.active.ImportDocs-BtnSecondary,.disabled.active.Modal-action--default,.disabled.active.PushCommunication-btn--secondary,.disabled.active.PushCommunication-btn:not(.PushCommunication-btn--primary),.disabled.active.SubcribeEDocs-BtnSecondary,.disabled.active.SubscribeBtn-btnSecondary,.disabled.active.TechnicalError-btnNoBg,.disabled.active.ZCoord-BtnSecondary,.disabled.active.ZCoord-itemBtnSecondary,.disabled.active.bandeau-50-50-action--secondary,.disabled.active.btn-default,.disabled.active.btn-default--primaryPanel,.disabled.bandeau-50-50-action--secondary,.disabled.bandeau-50-50-action--secondary:active,.disabled.bandeau-50-50-action--secondary:focus,.disabled.bandeau-50-50-action--secondary:hover,.disabled.btn-default,.disabled.btn-default--primaryPanel,.disabled.btn-default--primaryPanel:active,.disabled.btn-default--primaryPanel:focus,.disabled.btn-default--primaryPanel:hover,.disabled.btn-default:active,.disabled.btn-default:focus,.disabled.btn-default:hover,.disabled.focus.BlockLink-btnDiscover,.disabled.focus.EDocs-BtnSecondary,.disabled.focus.FirstLogin-button--back,.disabled.focus.FormActions-btn,.disabled.focus.GenericBtn-btnSecondary,.disabled.focus.ImportDocs-BtnSecondary,.disabled.focus.Modal-action--default,.disabled.focus.PushCommunication-btn--secondary,.disabled.focus.PushCommunication-btn:not(.PushCommunication-btn--primary),.disabled.focus.SubcribeEDocs-BtnSecondary,.disabled.focus.SubscribeBtn-btnSecondary,.disabled.focus.TechnicalError-btnNoBg,.disabled.focus.ZCoord-BtnSecondary,.disabled.focus.ZCoord-itemBtnSecondary,.disabled.focus.bandeau-50-50-action--secondary,.disabled.focus.btn-default,.disabled.focus.btn-default--primaryPanel,.disabled.hover.BlockLink-btnDiscover,.disabled.hover.EDocs-BtnSecondary,.disabled.hover.FirstLogin-button--back,.disabled.hover.FormActions-btn,.disabled.hover.GenericBtn-btnSecondary,.disabled.hover.ImportDocs-BtnSecondary,.disabled.hover.Modal-action--default,.disabled.hover.PushCommunication-btn--secondary,.disabled.hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.disabled.hover.SubcribeEDocs-BtnSecondary,.disabled.hover.SubscribeBtn-btnSecondary,.disabled.hover.TechnicalError-btnNoBg,.disabled.hover.ZCoord-BtnSecondary,.disabled.hover.ZCoord-itemBtnSecondary,.disabled.hover.bandeau-50-50-action--secondary,.disabled.hover.btn-default,.disabled.hover.btn-default--primaryPanel,.focus.BlockLink-btnDiscover[disabled],.focus.EDocs-BtnSecondary[disabled],.focus.FirstLogin-button--back[disabled],.focus.FormActions-btn[disabled],.focus.GenericBtn-btnSecondary[disabled],.focus.ImportDocs-BtnSecondary[disabled],.focus.Modal-action--default[disabled],.focus.PushCommunication-btn--secondary[disabled],.focus.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.focus.SubcribeEDocs-BtnSecondary[disabled],.focus.SubscribeBtn-btnSecondary[disabled],.focus.TechnicalError-btnNoBg[disabled],.focus.ZCoord-BtnSecondary[disabled],.focus.ZCoord-itemBtnSecondary[disabled],.focus.bandeau-50-50-action--secondary[disabled],.focus.btn-default--primaryPanel[disabled],.focus.btn-default[disabled],.hover.BlockLink-btnDiscover[disabled],.hover.EDocs-BtnSecondary[disabled],.hover.FirstLogin-button--back[disabled],.hover.FormActions-btn[disabled],.hover.GenericBtn-btnSecondary[disabled],.hover.ImportDocs-BtnSecondary[disabled],.hover.Modal-action--default[disabled],.hover.PushCommunication-btn--secondary[disabled],.hover.PushCommunication-btn[disabled]:not(.PushCommunication-btn--primary),.hover.SubcribeEDocs-BtnSecondary[disabled],.hover.SubscribeBtn-btnSecondary[disabled],.hover.TechnicalError-btnNoBg[disabled],.hover.ZCoord-BtnSecondary[disabled],.hover.ZCoord-itemBtnSecondary[disabled],.hover.bandeau-50-50-action--secondary[disabled],.hover.btn-default--primaryPanel[disabled],.hover.btn-default[disabled],.panel-primary .active.btn-default[disabled],.panel-primary .btn-default[disabled],.panel-primary .btn-default[disabled]:active,.panel-primary .btn-default[disabled]:focus,.panel-primary .btn-default[disabled]:hover,.panel-primary .disabled.active.btn-default,.panel-primary .disabled.btn-default,.panel-primary .disabled.btn-default:active,.panel-primary .disabled.btn-default:focus,.panel-primary .disabled.btn-default:hover,.panel-primary .disabled.focus.btn-default,.panel-primary .disabled.hover.btn-default,.panel-primary .focus.btn-default[disabled],.panel-primary .hover.btn-default[disabled],.panel-primary fieldset[disabled] .active.btn-default,.panel-primary fieldset[disabled] .btn-default,.panel-primary fieldset[disabled] .btn-default:active,.panel-primary fieldset[disabled] .btn-default:focus,.panel-primary fieldset[disabled] .btn-default:hover,.panel-primary fieldset[disabled] .focus.btn-default,.panel-primary fieldset[disabled] .hover.btn-default,fieldset[disabled] .BlockLink-btnDiscover,fieldset[disabled] .BlockLink-btnDiscover:active,fieldset[disabled] .BlockLink-btnDiscover:focus,fieldset[disabled] .BlockLink-btnDiscover:hover,fieldset[disabled] .DetailsOffre .AccordionSteps-BlocCTA--button,fieldset[disabled] .DetailsOffre .AccordionSteps-BlocCTA--button:active,fieldset[disabled] .DetailsOffre .AccordionSteps-BlocCTA--button:focus,fieldset[disabled] .DetailsOffre .AccordionSteps-BlocCTA--button:hover,fieldset[disabled] .DetailsOffre .active.AccordionSteps-BlocCTA--button,fieldset[disabled] .DetailsOffre .focus.AccordionSteps-BlocCTA--button,fieldset[disabled] .DetailsOffre .hover.AccordionSteps-BlocCTA--button,fieldset[disabled] .EDocs-BtnSecondary,fieldset[disabled] .EDocs-BtnSecondary:active,fieldset[disabled] .EDocs-BtnSecondary:focus,fieldset[disabled] .EDocs-BtnSecondary:hover,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus,fieldset[disabled] .ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover,fieldset[disabled] .ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link,fieldset[disabled] .ES-join-projectsBloc--withBtn .focus.ES-join-projectsBloc-link,fieldset[disabled] .ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link,fieldset[disabled] .FirstLogin-button--back,fieldset[disabled] .FirstLogin-button--back:active,fieldset[disabled] .FirstLogin-button--back:focus,fieldset[disabled] .FirstLogin-button--back:hover,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.active,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.focus,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm.hover,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:active,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:focus,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm--confirm:hover,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.active,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.focus,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm.hover,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:active,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:focus,fieldset[disabled] .ForgotPswd-resetPswdFirstBtnForm:hover,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.active,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.focus,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm.hover,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:active,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:focus,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm--confirm:hover,fieldset[disabled] .FormActions-btn,fieldset[disabled] .FormActions-btn:active,fieldset[disabled] .FormActions-btn:focus,fieldset[disabled] .FormActions-btn:hover,fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary,fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:active,fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:focus,fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btnSecondary:hover,fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary,fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:active,fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:focus,fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btnSecondary:hover,fieldset[disabled] .GenericBtn-block--primary .active.GenericBtn-btnSecondary,fieldset[disabled] .GenericBtn-block--primary .active.SubscribeBtn-btnSecondary,fieldset[disabled] .GenericBtn-block--primary .focus.GenericBtn-btnSecondary,fieldset[disabled] .GenericBtn-block--primary .focus.SubscribeBtn-btnSecondary,fieldset[disabled] .GenericBtn-block--primary .hover.GenericBtn-btnSecondary,fieldset[disabled] .GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary,fieldset[disabled] .GenericBtn-btnSecondary,fieldset[disabled] .GenericBtn-btnSecondary:active,fieldset[disabled] .GenericBtn-btnSecondary:focus,fieldset[disabled] .GenericBtn-btnSecondary:hover,fieldset[disabled] .ImportDocs-BtnSecondary,fieldset[disabled] .ImportDocs-BtnSecondary:active,fieldset[disabled] .ImportDocs-BtnSecondary:focus,fieldset[disabled] .ImportDocs-BtnSecondary:hover,fieldset[disabled] .Modal-action--default,fieldset[disabled] .Modal-action--default:active,fieldset[disabled] .Modal-action--default:focus,fieldset[disabled] .Modal-action--default:hover,fieldset[disabled] .PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-btn--secondary:active,fieldset[disabled] .PushCommunication-btn--secondary:focus,fieldset[disabled] .PushCommunication-btn--secondary:hover,fieldset[disabled] .PushCommunication-btn:active:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--secondary:active,fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--secondary:focus,fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--secondary:hover,fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:active:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--primary .active.PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--primary .active.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--primary .focus.PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--primary .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:active,fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:focus,fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn--secondary:hover,fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn:active:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--transparent .active.PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--transparent .active.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--transparent .focus.PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--transparent .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary,fieldset[disabled] .PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .SubcribeEDocs-BtnSecondary,fieldset[disabled] .SubcribeEDocs-BtnSecondary:active,fieldset[disabled] .SubcribeEDocs-BtnSecondary:focus,fieldset[disabled] .SubcribeEDocs-BtnSecondary:hover,fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:active,fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:focus,fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btnSecondary:hover,fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:active,fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:focus,fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:hover,fieldset[disabled] .SubscribeBtn-block--primary .active.GenericBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-block--primary .active.SubscribeBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-block--primary .focus.GenericBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-block--primary .focus.SubscribeBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-btnSecondary,fieldset[disabled] .SubscribeBtn-btnSecondary:active,fieldset[disabled] .SubscribeBtn-btnSecondary:focus,fieldset[disabled] .SubscribeBtn-btnSecondary:hover,fieldset[disabled] .TechnicalError-btnNoBg,fieldset[disabled] .TechnicalError-btnNoBg:active,fieldset[disabled] .TechnicalError-btnNoBg:focus,fieldset[disabled] .TechnicalError-btnNoBg:hover,fieldset[disabled] .ZCoord-BtnSecondary,fieldset[disabled] .ZCoord-BtnSecondary:active,fieldset[disabled] .ZCoord-BtnSecondary:focus,fieldset[disabled] .ZCoord-BtnSecondary:hover,fieldset[disabled] .ZCoord-itemBtnSecondary,fieldset[disabled] .ZCoord-itemBtnSecondary:active,fieldset[disabled] .ZCoord-itemBtnSecondary:focus,fieldset[disabled] .ZCoord-itemBtnSecondary:hover,fieldset[disabled] .active.BlockLink-btnDiscover,fieldset[disabled] .active.EDocs-BtnSecondary,fieldset[disabled] .active.FirstLogin-button--back,fieldset[disabled] .active.FormActions-btn,fieldset[disabled] .active.GenericBtn-btnSecondary,fieldset[disabled] .active.ImportDocs-BtnSecondary,fieldset[disabled] .active.Modal-action--default,fieldset[disabled] .active.PushCommunication-btn--secondary,fieldset[disabled] .active.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .active.SubcribeEDocs-BtnSecondary,fieldset[disabled] .active.SubscribeBtn-btnSecondary,fieldset[disabled] .active.TechnicalError-btnNoBg,fieldset[disabled] .active.ZCoord-BtnSecondary,fieldset[disabled] .active.ZCoord-itemBtnSecondary,fieldset[disabled] .active.bandeau-50-50-action--secondary,fieldset[disabled] .active.btn-default,fieldset[disabled] .active.btn-default--primaryPanel,fieldset[disabled] .bandeau-50-50-action--secondary,fieldset[disabled] .bandeau-50-50-action--secondary:active,fieldset[disabled] .bandeau-50-50-action--secondary:focus,fieldset[disabled] .bandeau-50-50-action--secondary:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default--primaryPanel,fieldset[disabled] .btn-default--primaryPanel:active,fieldset[disabled] .btn-default--primaryPanel:focus,fieldset[disabled] .btn-default--primaryPanel:hover,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btnWrap-default a,fieldset[disabled] .btnWrap-default a.active,fieldset[disabled] .btnWrap-default a.focus,fieldset[disabled] .btnWrap-default a.hover,fieldset[disabled] .btnWrap-default a:active,fieldset[disabled] .btnWrap-default a:focus,fieldset[disabled] .btnWrap-default a:hover,fieldset[disabled] .callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .focus.callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link:not(.npc-msl-button),fieldset[disabled] .focus.BlockLink-btnDiscover,fieldset[disabled] .focus.EDocs-BtnSecondary,fieldset[disabled] .focus.FirstLogin-button--back,fieldset[disabled] .focus.FormActions-btn,fieldset[disabled] .focus.GenericBtn-btnSecondary,fieldset[disabled] .focus.ImportDocs-BtnSecondary,fieldset[disabled] .focus.Modal-action--default,fieldset[disabled] .focus.PushCommunication-btn--secondary,fieldset[disabled] .focus.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .focus.SubcribeEDocs-BtnSecondary,fieldset[disabled] .focus.SubscribeBtn-btnSecondary,fieldset[disabled] .focus.TechnicalError-btnNoBg,fieldset[disabled] .focus.ZCoord-BtnSecondary,fieldset[disabled] .focus.ZCoord-itemBtnSecondary,fieldset[disabled] .focus.bandeau-50-50-action--secondary,fieldset[disabled] .focus.btn-default,fieldset[disabled] .focus.btn-default--primaryPanel,fieldset[disabled] .hover.BlockLink-btnDiscover,fieldset[disabled] .hover.EDocs-BtnSecondary,fieldset[disabled] .hover.FirstLogin-button--back,fieldset[disabled] .hover.FormActions-btn,fieldset[disabled] .hover.GenericBtn-btnSecondary,fieldset[disabled] .hover.ImportDocs-BtnSecondary,fieldset[disabled] .hover.Modal-action--default,fieldset[disabled] .hover.PushCommunication-btn--secondary,fieldset[disabled] .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),fieldset[disabled] .hover.SubcribeEDocs-BtnSecondary,fieldset[disabled] .hover.SubscribeBtn-btnSecondary,fieldset[disabled] .hover.TechnicalError-btnNoBg,fieldset[disabled] .hover.ZCoord-BtnSecondary,fieldset[disabled] .hover.ZCoord-itemBtnSecondary,fieldset[disabled] .hover.bandeau-50-50-action--secondary,fieldset[disabled] .hover.btn-default,fieldset[disabled] .hover.btn-default--primaryPanel,fieldset[disabled] .panel-primary .active.btn-default,fieldset[disabled] .panel-primary .btn-default,fieldset[disabled] .panel-primary .btn-default:active,fieldset[disabled] .panel-primary .btn-default:focus,fieldset[disabled] .panel-primary .btn-default:hover,fieldset[disabled] .panel-primary .focus.btn-default,fieldset[disabled] .panel-primary .hover.btn-default {
    background-color: transparent;
    color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100)
}

.btn-default--grayPanel,.panel-gray .btn-default {
    background-color: var(--msl-artwork-grey-100)
}

.active.btn-default--grayPanel[disabled],.btn-default--grayPanel[disabled],.btn-default--grayPanel[disabled]:active,.btn-default--grayPanel[disabled]:focus,.btn-default--grayPanel[disabled]:hover,.disabled.active.btn-default--grayPanel,.disabled.btn-default--grayPanel,.disabled.btn-default--grayPanel:active,.disabled.btn-default--grayPanel:focus,.disabled.btn-default--grayPanel:hover,.disabled.focus.btn-default--grayPanel,.disabled.hover.btn-default--grayPanel,.focus.btn-default--grayPanel[disabled],.hover.btn-default--grayPanel[disabled],.panel-gray .btn-default[disabled],.panel-gray .disabled.btn-default,.panel-gray fieldset[disabled] .btn-default,fieldset[disabled] .active.btn-default--grayPanel,fieldset[disabled] .btn-default--grayPanel,fieldset[disabled] .btn-default--grayPanel:active,fieldset[disabled] .btn-default--grayPanel:focus,fieldset[disabled] .btn-default--grayPanel:hover,fieldset[disabled] .focus.btn-default--grayPanel,fieldset[disabled] .hover.btn-default--grayPanel,fieldset[disabled] .panel-gray .btn-default {
    color: var(--msl-artwork-grey-600);
    border-color: var(--msl-artwork-grey-300)
}

.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link,.GenericBtn-block--primary .GenericBtn-btnSecondary,.GenericBtn-block--primary .SubscribeBtn-btnSecondary,.ImportDocs-BtnSecondary,.PushCommunication-zoning--primary .PushCommunication-btn--secondary,.PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn--secondary,.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),.SubscribeBtn-block--primary .GenericBtn-btnSecondary,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary,.btn-default--primaryPanel,.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:not(.npc-msl-button),.panel-primary .btn-default {
    background-color: transparent;
    border: 1px solid var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-0)
}

.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:active,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:focus,.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link:hover,.ES-join-projectsBloc--withBtn .active.ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn .hover.ES-join-projectsBloc-link,.GenericBtn-block--primary .GenericBtn-btnSecondary:active,.GenericBtn-block--primary .GenericBtn-btnSecondary:focus,.GenericBtn-block--primary .GenericBtn-btnSecondary:hover,.GenericBtn-block--primary .SubscribeBtn-btnSecondary:active,.GenericBtn-block--primary .SubscribeBtn-btnSecondary:focus,.GenericBtn-block--primary .SubscribeBtn-btnSecondary:hover,.GenericBtn-block--primary .active.GenericBtn-btnSecondary,.GenericBtn-block--primary .active.SubscribeBtn-btnSecondary,.GenericBtn-block--primary .hover.GenericBtn-btnSecondary,.GenericBtn-block--primary .hover.SubscribeBtn-btnSecondary,.ImportDocs-BtnSecondary:active,.ImportDocs-BtnSecondary:focus,.ImportDocs-BtnSecondary:hover,.PushCommunication-zoning--primary .PushCommunication-btn--secondary:active,.PushCommunication-zoning--primary .PushCommunication-btn--secondary:focus,.PushCommunication-zoning--primary .PushCommunication-btn--secondary:hover,.PushCommunication-zoning--primary .PushCommunication-btn:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .active.PushCommunication-btn--secondary,.PushCommunication-zoning--primary .active.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--primary .hover.PushCommunication-btn--secondary,.PushCommunication-zoning--primary .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:active,.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:focus,.PushCommunication-zoning--transparent .PushCommunication-btn--secondary:hover,.PushCommunication-zoning--transparent .PushCommunication-btn:active:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn:focus:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .PushCommunication-btn:hover:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .active.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent .active.PushCommunication-btn:not(.PushCommunication-btn--primary),.PushCommunication-zoning--transparent .hover.PushCommunication-btn--secondary,.PushCommunication-zoning--transparent .hover.PushCommunication-btn:not(.PushCommunication-btn--primary),.SubscribeBtn-block--primary .GenericBtn-btnSecondary:active,.SubscribeBtn-block--primary .GenericBtn-btnSecondary:focus,.SubscribeBtn-block--primary .GenericBtn-btnSecondary:hover,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:active,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:focus,.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary:hover,.SubscribeBtn-block--primary .active.GenericBtn-btnSecondary,.SubscribeBtn-block--primary .active.SubscribeBtn-btnSecondary,.SubscribeBtn-block--primary .hover.GenericBtn-btnSecondary,.SubscribeBtn-block--primary .hover.SubscribeBtn-btnSecondary,.active.ImportDocs-BtnSecondary,.active.btn-default--primaryPanel,.btn-default--primaryPanel:active,.btn-default--primaryPanel:focus,.btn-default--primaryPanel:hover,.callGreenBtnBloc--withBtn .active.callGreenBtnBloc-link:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:active:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:focus:not(.npc-msl-button),.callGreenBtnBloc--withBtn .callGreenBtnBloc-link:hover:not(.npc-msl-button),.callGreenBtnBloc--withBtn .hover.callGreenBtnBloc-link:not(.npc-msl-button),.hover.ImportDocs-BtnSecondary,.hover.btn-default--primaryPanel,.panel-primary .active.btn-default,.panel-primary .btn-default:active,.panel-primary .btn-default:focus,.panel-primary .btn-default:hover,.panel-primary .hover.btn-default {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0);
    border-color: var(--msl-artwork-grey-0)
}

.ES-join-projectsBloc--withBtn[tabindex]:focus .ES-join-projectsBloc-link,.ES-join-projectsBloc--withBtn[tabindex]:hover .ES-join-projectsBloc-link,.callGreenBtnBloc--withBtn[tabindex]:focus .callGreenBtnBloc-link,.callGreenBtnBloc--withBtn[tabindex]:hover .callGreenBtnBloc-link,[data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn--secondary,[data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn--secondary,[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn--secondary,[data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn--secondary,[data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn--secondary,[data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn--secondary,[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn--secondary,[data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn:not(.PushCommunication-btn--primary),[data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn--secondary,[data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn:not(.PushCommunication-btn--primary),a.ES-join-projectsBloc--withBtn:focus .ES-join-projectsBloc-link,a.ES-join-projectsBloc--withBtn:hover .ES-join-projectsBloc-link,a.callGreenBtnBloc--withBtn:focus .callGreenBtnBloc-link,a.callGreenBtnBloc--withBtn:hover .callGreenBtnBloc-link {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0);
    border-color: var(--msl-artwork-grey-0)
}

.ImportDocs-BtnSecondary[disabled] {
    background-color: transparent;
    border-color: var(--msl-functionnal-information-100);
    color: var(--msl-functionnal-information-100)
}

.Error404-btnNoBg,.PushNinePos-btn--transparent {
    background-color: transparent;
    border: 1px solid var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-0)
}

.Error404-btnNoBg:focus,.Error404-btnNoBg:hover,.PushNinePos-btn--transparent:focus,.PushNinePos-btn--transparent:hover,.hover.Error404-btnNoBg,.hover.PushNinePos-btn--transparent {
    background-color: transparent;
    border-color: var(--msl-brand-primary);
    color: var(--msl-brand-primary)
}

.CompareBox-btn,.Error404-btnPrimary,.FirstLogin-button--submit,.FormActions-btn--submit,.GenericBtn-block--gray .GenericBtn-btn,.GenericBtn-block--gray .SubscribeBtn-btn,.GenericBtn-block--white .GenericBtn-btn,.GenericBtn-block--white .SubscribeBtn-btn,.GenericBtn-btn,.HeaderVisuel-button,.LayerNav-articlesBtn,.Modal-action--primary,.NewsFeed-btn,.PushCommunication-btn--primary,.PushNinePos-btn--primary,.PushPage-button,.SubcribeEDocs-BtnPrimary,.SubscribeBtn-block--gray .GenericBtn-btn,.SubscribeBtn-block--gray .SubscribeBtn-btn,.SubscribeBtn-block--white .GenericBtn-btn,.SubscribeBtn-block--white .SubscribeBtn-btn,.SubscribeBtn-btn,.TechnicalError-btnPrimary,.ZCoord-BtnPrimary,.ZCoord-itemBtnPrimary,.bandeau-50-50-action--primary,.btn-default.a-actif,.btn-primary,.btnWrap-primary a,.navbar-fol .navbar-fol-action--primary,.navbar-fol-sticky .navbar-fol-action--primary {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border-width: 1px;
    border-color: var(--msl-brand-primary)
}

.CompareBox-btn:focus,.CompareBox-btn:hover,.Error404-btnPrimary:focus,.Error404-btnPrimary:hover,.FirstLogin-button--submit:focus,.FirstLogin-button--submit:hover,.FormActions-btn--submit:focus,.FormActions-btn--submit:hover,.GenericBtn-btn:focus,.GenericBtn-btn:hover,.HeaderVisuel-button:focus,.HeaderVisuel-button:hover,.LayerNav-articlesBtn:focus,.LayerNav-articlesBtn:hover,.Modal-action--primary:focus,.Modal-action--primary:hover,.NewsFeed-btn:focus,.NewsFeed-btn:hover,.PushCommunication-btn--primary:focus,.PushCommunication-btn--primary:hover,.PushNinePos-btn--primary:focus,.PushNinePos-btn--primary:hover,.PushPage-button:focus,.PushPage-button:hover,.SubcribeEDocs-BtnPrimary:focus,.SubcribeEDocs-BtnPrimary:hover,.SubscribeBtn-btn:focus,.SubscribeBtn-btn:hover,.TechnicalError-btnPrimary:focus,.TechnicalError-btnPrimary:hover,.ZCoord-BtnPrimary:focus,.ZCoord-BtnPrimary:hover,.ZCoord-itemBtnPrimary:focus,.ZCoord-itemBtnPrimary:hover,.bandeau-50-50-action--primary:focus,.bandeau-50-50-action--primary:hover,.btn-default.a-actif:focus,.btn-default.a-actif:hover,.btn-primary:focus,.btn-primary:hover,.btnWrap-primary a.focus,.btnWrap-primary a.hover,.btnWrap-primary a:focus,.btnWrap-primary a:hover,.focus.CompareBox-btn,.focus.Error404-btnPrimary,.focus.FirstLogin-button--submit,.focus.FormActions-btn--submit,.focus.GenericBtn-btn,.focus.HeaderVisuel-button,.focus.LayerNav-articlesBtn,.focus.Modal-action--primary,.focus.NewsFeed-btn,.focus.PushCommunication-btn--primary,.focus.PushNinePos-btn--primary,.focus.PushPage-button,.focus.SubcribeEDocs-BtnPrimary,.focus.SubscribeBtn-btn,.focus.TechnicalError-btnPrimary,.focus.ZCoord-BtnPrimary,.focus.ZCoord-itemBtnPrimary,.focus.bandeau-50-50-action--primary,.focus.btn-default.a-actif,.focus.btn-primary,.hover.CompareBox-btn,.hover.Error404-btnPrimary,.hover.FirstLogin-button--submit,.hover.FormActions-btn--submit,.hover.GenericBtn-btn,.hover.HeaderVisuel-button,.hover.LayerNav-articlesBtn,.hover.Modal-action--primary,.hover.NewsFeed-btn,.hover.PushCommunication-btn--primary,.hover.PushNinePos-btn--primary,.hover.PushPage-button,.hover.SubcribeEDocs-BtnPrimary,.hover.SubscribeBtn-btn,.hover.TechnicalError-btnPrimary,.hover.ZCoord-BtnPrimary,.hover.ZCoord-itemBtnPrimary,.hover.bandeau-50-50-action--primary,.hover.btn-default.a-actif,.hover.btn-primary,.navbar-fol .focus.navbar-fol-action--primary,.navbar-fol .hover.navbar-fol-action--primary,.navbar-fol .navbar-fol-action--primary:focus,.navbar-fol .navbar-fol-action--primary:hover,.navbar-fol-sticky .focus.navbar-fol-action--primary,.navbar-fol-sticky .hover.navbar-fol-action--primary,.navbar-fol-sticky .navbar-fol-action--primary:focus,.navbar-fol-sticky .navbar-fol-action--primary:hover {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-400)
}

.CompareBox-btn:active,.Error404-btnPrimary:active,.FirstLogin-button--submit:active,.FormActions-btn--submit:active,.GenericBtn-btn:active,.HeaderVisuel-button:active,.LayerNav-articlesBtn:active,.Modal-action--primary:active,.NewsFeed-btn:active,.PushCommunication-btn--primary:active,.PushNinePos-btn--primary:active,.PushPage-button:active,.SubcribeEDocs-BtnPrimary:active,.SubscribeBtn-btn:active,.TechnicalError-btnPrimary:active,.ZCoord-BtnPrimary:active,.ZCoord-itemBtnPrimary:active,.active.CompareBox-btn,.active.Error404-btnPrimary,.active.FirstLogin-button--submit,.active.FormActions-btn--submit,.active.GenericBtn-btn,.active.HeaderVisuel-button,.active.LayerNav-articlesBtn,.active.Modal-action--primary,.active.NewsFeed-btn,.active.PushCommunication-btn--primary,.active.PushNinePos-btn--primary,.active.PushPage-button,.active.SubcribeEDocs-BtnPrimary,.active.SubscribeBtn-btn,.active.TechnicalError-btnPrimary,.active.ZCoord-BtnPrimary,.active.ZCoord-itemBtnPrimary,.active.bandeau-50-50-action--primary,.active.btn-default.a-actif,.active.btn-primary,.bandeau-50-50-action--primary:active,.btn-default.a-actif:active,.btn-primary:active,.btnWrap-primary a.active,.btnWrap-primary a:active,.navbar-fol .active.navbar-fol-action--primary,.navbar-fol .navbar-fol-action--primary:active,.navbar-fol-sticky .active.navbar-fol-action--primary,.navbar-fol-sticky .navbar-fol-action--primary:active {
    background-color: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-500)
}

.CompareBox-btn[disabled],.CompareBox-btn[disabled].active,.CompareBox-btn[disabled].focus,.CompareBox-btn[disabled].hover,.CompareBox-btn[disabled]:active,.CompareBox-btn[disabled]:focus,.CompareBox-btn[disabled]:hover,.Error404-btnPrimary[disabled],.Error404-btnPrimary[disabled].active,.Error404-btnPrimary[disabled].focus,.Error404-btnPrimary[disabled].hover,.Error404-btnPrimary[disabled]:active,.Error404-btnPrimary[disabled]:focus,.Error404-btnPrimary[disabled]:hover,.FirstLogin-button--submit[disabled],.FirstLogin-button--submit[disabled].active,.FirstLogin-button--submit[disabled].focus,.FirstLogin-button--submit[disabled].hover,.FirstLogin-button--submit[disabled]:active,.FirstLogin-button--submit[disabled]:focus,.FirstLogin-button--submit[disabled]:hover,.FormActions-btn--submit[disabled],.FormActions-btn--submit[disabled].active,.FormActions-btn--submit[disabled].focus,.FormActions-btn--submit[disabled].hover,.FormActions-btn--submit[disabled]:active,.FormActions-btn--submit[disabled]:focus,.FormActions-btn--submit[disabled]:hover,.GenericBtn-btn[disabled],.GenericBtn-btn[disabled].active,.GenericBtn-btn[disabled].focus,.GenericBtn-btn[disabled].hover,.GenericBtn-btn[disabled]:active,.GenericBtn-btn[disabled]:focus,.GenericBtn-btn[disabled]:hover,.HeaderVisuel-button[disabled],.HeaderVisuel-button[disabled].active,.HeaderVisuel-button[disabled].focus,.HeaderVisuel-button[disabled].hover,.HeaderVisuel-button[disabled]:active,.HeaderVisuel-button[disabled]:focus,.HeaderVisuel-button[disabled]:hover,.LayerNav-articlesBtn[disabled],.LayerNav-articlesBtn[disabled].active,.LayerNav-articlesBtn[disabled].focus,.LayerNav-articlesBtn[disabled].hover,.LayerNav-articlesBtn[disabled]:active,.LayerNav-articlesBtn[disabled]:focus,.LayerNav-articlesBtn[disabled]:hover,.Modal-action--primary[disabled],.Modal-action--primary[disabled].active,.Modal-action--primary[disabled].focus,.Modal-action--primary[disabled].hover,.Modal-action--primary[disabled]:active,.Modal-action--primary[disabled]:focus,.Modal-action--primary[disabled]:hover,.NewsFeed-btn[disabled],.NewsFeed-btn[disabled].active,.NewsFeed-btn[disabled].focus,.NewsFeed-btn[disabled].hover,.NewsFeed-btn[disabled]:active,.NewsFeed-btn[disabled]:focus,.NewsFeed-btn[disabled]:hover,.PushCommunication-btn--primary[disabled],.PushCommunication-btn--primary[disabled].active,.PushCommunication-btn--primary[disabled].focus,.PushCommunication-btn--primary[disabled].hover,.PushCommunication-btn--primary[disabled]:active,.PushCommunication-btn--primary[disabled]:focus,.PushCommunication-btn--primary[disabled]:hover,.PushNinePos-btn--primary[disabled],.PushNinePos-btn--primary[disabled].active,.PushNinePos-btn--primary[disabled].focus,.PushNinePos-btn--primary[disabled].hover,.PushNinePos-btn--primary[disabled]:active,.PushNinePos-btn--primary[disabled]:focus,.PushNinePos-btn--primary[disabled]:hover,.PushPage-button[disabled],.PushPage-button[disabled].active,.PushPage-button[disabled].focus,.PushPage-button[disabled].hover,.PushPage-button[disabled]:active,.PushPage-button[disabled]:focus,.PushPage-button[disabled]:hover,.SubcribeEDocs-BtnPrimary[disabled],.SubcribeEDocs-BtnPrimary[disabled].active,.SubcribeEDocs-BtnPrimary[disabled].focus,.SubcribeEDocs-BtnPrimary[disabled].hover,.SubcribeEDocs-BtnPrimary[disabled]:active,.SubcribeEDocs-BtnPrimary[disabled]:focus,.SubcribeEDocs-BtnPrimary[disabled]:hover,.SubscribeBtn-btn[disabled],.SubscribeBtn-btn[disabled].active,.SubscribeBtn-btn[disabled].focus,.SubscribeBtn-btn[disabled].hover,.SubscribeBtn-btn[disabled]:active,.SubscribeBtn-btn[disabled]:focus,.SubscribeBtn-btn[disabled]:hover,.TechnicalError-btnPrimary[disabled],.TechnicalError-btnPrimary[disabled].active,.TechnicalError-btnPrimary[disabled].focus,.TechnicalError-btnPrimary[disabled].hover,.TechnicalError-btnPrimary[disabled]:active,.TechnicalError-btnPrimary[disabled]:focus,.TechnicalError-btnPrimary[disabled]:hover,.ZCoord-BtnPrimary[disabled],.ZCoord-BtnPrimary[disabled].active,.ZCoord-BtnPrimary[disabled].focus,.ZCoord-BtnPrimary[disabled].hover,.ZCoord-BtnPrimary[disabled]:active,.ZCoord-BtnPrimary[disabled]:focus,.ZCoord-BtnPrimary[disabled]:hover,.ZCoord-itemBtnPrimary[disabled],.ZCoord-itemBtnPrimary[disabled].active,.ZCoord-itemBtnPrimary[disabled].focus,.ZCoord-itemBtnPrimary[disabled].hover,.ZCoord-itemBtnPrimary[disabled]:active,.ZCoord-itemBtnPrimary[disabled]:focus,.ZCoord-itemBtnPrimary[disabled]:hover,.bandeau-50-50-action--primary[disabled],.bandeau-50-50-action--primary[disabled].active,.bandeau-50-50-action--primary[disabled].focus,.bandeau-50-50-action--primary[disabled].hover,.bandeau-50-50-action--primary[disabled]:active,.bandeau-50-50-action--primary[disabled]:focus,.bandeau-50-50-action--primary[disabled]:hover,.btn-default.a-actif[disabled],.btn-default.a-actif[disabled].active,.btn-default.a-actif[disabled].focus,.btn-default.a-actif[disabled].hover,.btn-default.a-actif[disabled]:active,.btn-default.a-actif[disabled]:focus,.btn-default.a-actif[disabled]:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled].hover,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,.btnWrap-primary a.disabled,.btnWrap-primary a.disabled.active,.btnWrap-primary a.disabled.focus,.btnWrap-primary a.disabled.hover,.btnWrap-primary a.disabled:active,.btnWrap-primary a.disabled:focus,.btnWrap-primary a.disabled:hover,.btnWrap-primary a[disabled],.btnWrap-primary a[disabled].active,.btnWrap-primary a[disabled].focus,.btnWrap-primary a[disabled].hover,.btnWrap-primary a[disabled]:active,.btnWrap-primary a[disabled]:focus,.btnWrap-primary a[disabled]:hover,.btnWrap-primary fieldset[disabled] a,.btnWrap-primary fieldset[disabled] a.active,.btnWrap-primary fieldset[disabled] a.focus,.btnWrap-primary fieldset[disabled] a.hover,.btnWrap-primary fieldset[disabled] a:active,.btnWrap-primary fieldset[disabled] a:focus,.btnWrap-primary fieldset[disabled] a:hover,.disabled.CompareBox-btn,.disabled.CompareBox-btn:active,.disabled.CompareBox-btn:focus,.disabled.CompareBox-btn:hover,.disabled.Error404-btnPrimary,.disabled.Error404-btnPrimary:active,.disabled.Error404-btnPrimary:focus,.disabled.Error404-btnPrimary:hover,.disabled.FirstLogin-button--submit,.disabled.FirstLogin-button--submit:active,.disabled.FirstLogin-button--submit:focus,.disabled.FirstLogin-button--submit:hover,.disabled.FormActions-btn--submit,.disabled.FormActions-btn--submit:active,.disabled.FormActions-btn--submit:focus,.disabled.FormActions-btn--submit:hover,.disabled.GenericBtn-btn,.disabled.GenericBtn-btn:active,.disabled.GenericBtn-btn:focus,.disabled.GenericBtn-btn:hover,.disabled.HeaderVisuel-button,.disabled.HeaderVisuel-button:active,.disabled.HeaderVisuel-button:focus,.disabled.HeaderVisuel-button:hover,.disabled.LayerNav-articlesBtn,.disabled.LayerNav-articlesBtn:active,.disabled.LayerNav-articlesBtn:focus,.disabled.LayerNav-articlesBtn:hover,.disabled.Modal-action--primary,.disabled.Modal-action--primary:active,.disabled.Modal-action--primary:focus,.disabled.Modal-action--primary:hover,.disabled.NewsFeed-btn,.disabled.NewsFeed-btn:active,.disabled.NewsFeed-btn:focus,.disabled.NewsFeed-btn:hover,.disabled.PushCommunication-btn--primary,.disabled.PushCommunication-btn--primary:active,.disabled.PushCommunication-btn--primary:focus,.disabled.PushCommunication-btn--primary:hover,.disabled.PushNinePos-btn--primary,.disabled.PushNinePos-btn--primary:active,.disabled.PushNinePos-btn--primary:focus,.disabled.PushNinePos-btn--primary:hover,.disabled.PushPage-button,.disabled.PushPage-button:active,.disabled.PushPage-button:focus,.disabled.PushPage-button:hover,.disabled.SubcribeEDocs-BtnPrimary,.disabled.SubcribeEDocs-BtnPrimary:active,.disabled.SubcribeEDocs-BtnPrimary:focus,.disabled.SubcribeEDocs-BtnPrimary:hover,.disabled.SubscribeBtn-btn,.disabled.SubscribeBtn-btn:active,.disabled.SubscribeBtn-btn:focus,.disabled.SubscribeBtn-btn:hover,.disabled.TechnicalError-btnPrimary,.disabled.TechnicalError-btnPrimary:active,.disabled.TechnicalError-btnPrimary:focus,.disabled.TechnicalError-btnPrimary:hover,.disabled.ZCoord-BtnPrimary,.disabled.ZCoord-BtnPrimary:active,.disabled.ZCoord-BtnPrimary:focus,.disabled.ZCoord-BtnPrimary:hover,.disabled.ZCoord-itemBtnPrimary,.disabled.ZCoord-itemBtnPrimary:active,.disabled.ZCoord-itemBtnPrimary:focus,.disabled.ZCoord-itemBtnPrimary:hover,.disabled.active.CompareBox-btn,.disabled.active.Error404-btnPrimary,.disabled.active.FirstLogin-button--submit,.disabled.active.FormActions-btn--submit,.disabled.active.GenericBtn-btn,.disabled.active.HeaderVisuel-button,.disabled.active.LayerNav-articlesBtn,.disabled.active.Modal-action--primary,.disabled.active.NewsFeed-btn,.disabled.active.PushCommunication-btn--primary,.disabled.active.PushNinePos-btn--primary,.disabled.active.PushPage-button,.disabled.active.SubcribeEDocs-BtnPrimary,.disabled.active.SubscribeBtn-btn,.disabled.active.TechnicalError-btnPrimary,.disabled.active.ZCoord-BtnPrimary,.disabled.active.ZCoord-itemBtnPrimary,.disabled.active.bandeau-50-50-action--primary,.disabled.active.btn-default.a-actif,.disabled.active.btn-primary,.disabled.bandeau-50-50-action--primary,.disabled.bandeau-50-50-action--primary:active,.disabled.bandeau-50-50-action--primary:focus,.disabled.bandeau-50-50-action--primary:hover,.disabled.btn-default.a-actif,.disabled.btn-default.a-actif:active,.disabled.btn-default.a-actif:focus,.disabled.btn-default.a-actif:hover,.disabled.btn-primary,.disabled.btn-primary:active,.disabled.btn-primary:focus,.disabled.btn-primary:hover,.disabled.focus.CompareBox-btn,.disabled.focus.Error404-btnPrimary,.disabled.focus.FirstLogin-button--submit,.disabled.focus.FormActions-btn--submit,.disabled.focus.GenericBtn-btn,.disabled.focus.HeaderVisuel-button,.disabled.focus.LayerNav-articlesBtn,.disabled.focus.Modal-action--primary,.disabled.focus.NewsFeed-btn,.disabled.focus.PushCommunication-btn--primary,.disabled.focus.PushNinePos-btn--primary,.disabled.focus.PushPage-button,.disabled.focus.SubcribeEDocs-BtnPrimary,.disabled.focus.SubscribeBtn-btn,.disabled.focus.TechnicalError-btnPrimary,.disabled.focus.ZCoord-BtnPrimary,.disabled.focus.ZCoord-itemBtnPrimary,.disabled.focus.bandeau-50-50-action--primary,.disabled.focus.btn-default.a-actif,.disabled.focus.btn-primary,.disabled.hover.CompareBox-btn,.disabled.hover.Error404-btnPrimary,.disabled.hover.FirstLogin-button--submit,.disabled.hover.FormActions-btn--submit,.disabled.hover.GenericBtn-btn,.disabled.hover.HeaderVisuel-button,.disabled.hover.LayerNav-articlesBtn,.disabled.hover.Modal-action--primary,.disabled.hover.NewsFeed-btn,.disabled.hover.PushCommunication-btn--primary,.disabled.hover.PushNinePos-btn--primary,.disabled.hover.PushPage-button,.disabled.hover.SubcribeEDocs-BtnPrimary,.disabled.hover.SubscribeBtn-btn,.disabled.hover.TechnicalError-btnPrimary,.disabled.hover.ZCoord-BtnPrimary,.disabled.hover.ZCoord-itemBtnPrimary,.disabled.hover.bandeau-50-50-action--primary,.disabled.hover.btn-default.a-actif,.disabled.hover.btn-primary,.navbar-fol .disabled.active.navbar-fol-action--primary,.navbar-fol .disabled.focus.navbar-fol-action--primary,.navbar-fol .disabled.hover.navbar-fol-action--primary,.navbar-fol .disabled.navbar-fol-action--primary,.navbar-fol .disabled.navbar-fol-action--primary:active,.navbar-fol .disabled.navbar-fol-action--primary:focus,.navbar-fol .disabled.navbar-fol-action--primary:hover,.navbar-fol .navbar-fol-action--primary[disabled],.navbar-fol .navbar-fol-action--primary[disabled].active,.navbar-fol .navbar-fol-action--primary[disabled].focus,.navbar-fol .navbar-fol-action--primary[disabled].hover,.navbar-fol .navbar-fol-action--primary[disabled]:active,.navbar-fol .navbar-fol-action--primary[disabled]:focus,.navbar-fol .navbar-fol-action--primary[disabled]:hover,.navbar-fol fieldset[disabled] .active.navbar-fol-action--primary,.navbar-fol fieldset[disabled] .focus.navbar-fol-action--primary,.navbar-fol fieldset[disabled] .hover.navbar-fol-action--primary,.navbar-fol fieldset[disabled] .navbar-fol-action--primary,.navbar-fol fieldset[disabled] .navbar-fol-action--primary:active,.navbar-fol fieldset[disabled] .navbar-fol-action--primary:focus,.navbar-fol fieldset[disabled] .navbar-fol-action--primary:hover,.navbar-fol-sticky .disabled.active.navbar-fol-action--primary,.navbar-fol-sticky .disabled.focus.navbar-fol-action--primary,.navbar-fol-sticky .disabled.hover.navbar-fol-action--primary,.navbar-fol-sticky .disabled.navbar-fol-action--primary,.navbar-fol-sticky .disabled.navbar-fol-action--primary:active,.navbar-fol-sticky .disabled.navbar-fol-action--primary:focus,.navbar-fol-sticky .disabled.navbar-fol-action--primary:hover,.navbar-fol-sticky .navbar-fol-action--primary[disabled],.navbar-fol-sticky .navbar-fol-action--primary[disabled].active,.navbar-fol-sticky .navbar-fol-action--primary[disabled].focus,.navbar-fol-sticky .navbar-fol-action--primary[disabled].hover,.navbar-fol-sticky .navbar-fol-action--primary[disabled]:active,.navbar-fol-sticky .navbar-fol-action--primary[disabled]:focus,.navbar-fol-sticky .navbar-fol-action--primary[disabled]:hover,.navbar-fol-sticky fieldset[disabled] .active.navbar-fol-action--primary,.navbar-fol-sticky fieldset[disabled] .focus.navbar-fol-action--primary,.navbar-fol-sticky fieldset[disabled] .hover.navbar-fol-action--primary,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action--primary,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action--primary:active,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action--primary:focus,.navbar-fol-sticky fieldset[disabled] .navbar-fol-action--primary:hover,fieldset[disabled] .CompareBox-btn,fieldset[disabled] .CompareBox-btn:active,fieldset[disabled] .CompareBox-btn:focus,fieldset[disabled] .CompareBox-btn:hover,fieldset[disabled] .Error404-btnPrimary,fieldset[disabled] .Error404-btnPrimary:active,fieldset[disabled] .Error404-btnPrimary:focus,fieldset[disabled] .Error404-btnPrimary:hover,fieldset[disabled] .FirstLogin-button--submit,fieldset[disabled] .FirstLogin-button--submit:active,fieldset[disabled] .FirstLogin-button--submit:focus,fieldset[disabled] .FirstLogin-button--submit:hover,fieldset[disabled] .FormActions-btn--submit,fieldset[disabled] .FormActions-btn--submit:active,fieldset[disabled] .FormActions-btn--submit:focus,fieldset[disabled] .FormActions-btn--submit:hover,fieldset[disabled] .GenericBtn-btn,fieldset[disabled] .GenericBtn-btn:active,fieldset[disabled] .GenericBtn-btn:focus,fieldset[disabled] .GenericBtn-btn:hover,fieldset[disabled] .HeaderVisuel-button,fieldset[disabled] .HeaderVisuel-button:active,fieldset[disabled] .HeaderVisuel-button:focus,fieldset[disabled] .HeaderVisuel-button:hover,fieldset[disabled] .LayerNav-articlesBtn,fieldset[disabled] .LayerNav-articlesBtn:active,fieldset[disabled] .LayerNav-articlesBtn:focus,fieldset[disabled] .LayerNav-articlesBtn:hover,fieldset[disabled] .Modal-action--primary,fieldset[disabled] .Modal-action--primary:active,fieldset[disabled] .Modal-action--primary:focus,fieldset[disabled] .Modal-action--primary:hover,fieldset[disabled] .NewsFeed-btn,fieldset[disabled] .NewsFeed-btn:active,fieldset[disabled] .NewsFeed-btn:focus,fieldset[disabled] .NewsFeed-btn:hover,fieldset[disabled] .PushCommunication-btn--primary,fieldset[disabled] .PushCommunication-btn--primary:active,fieldset[disabled] .PushCommunication-btn--primary:focus,fieldset[disabled] .PushCommunication-btn--primary:hover,fieldset[disabled] .PushNinePos-btn--primary,fieldset[disabled] .PushNinePos-btn--primary:active,fieldset[disabled] .PushNinePos-btn--primary:focus,fieldset[disabled] .PushNinePos-btn--primary:hover,fieldset[disabled] .PushPage-button,fieldset[disabled] .PushPage-button:active,fieldset[disabled] .PushPage-button:focus,fieldset[disabled] .PushPage-button:hover,fieldset[disabled] .SubcribeEDocs-BtnPrimary,fieldset[disabled] .SubcribeEDocs-BtnPrimary:active,fieldset[disabled] .SubcribeEDocs-BtnPrimary:focus,fieldset[disabled] .SubcribeEDocs-BtnPrimary:hover,fieldset[disabled] .SubscribeBtn-btn,fieldset[disabled] .SubscribeBtn-btn:active,fieldset[disabled] .SubscribeBtn-btn:focus,fieldset[disabled] .SubscribeBtn-btn:hover,fieldset[disabled] .TechnicalError-btnPrimary,fieldset[disabled] .TechnicalError-btnPrimary:active,fieldset[disabled] .TechnicalError-btnPrimary:focus,fieldset[disabled] .TechnicalError-btnPrimary:hover,fieldset[disabled] .ZCoord-BtnPrimary,fieldset[disabled] .ZCoord-BtnPrimary:active,fieldset[disabled] .ZCoord-BtnPrimary:focus,fieldset[disabled] .ZCoord-BtnPrimary:hover,fieldset[disabled] .ZCoord-itemBtnPrimary,fieldset[disabled] .ZCoord-itemBtnPrimary:active,fieldset[disabled] .ZCoord-itemBtnPrimary:focus,fieldset[disabled] .ZCoord-itemBtnPrimary:hover,fieldset[disabled] .active.CompareBox-btn,fieldset[disabled] .active.Error404-btnPrimary,fieldset[disabled] .active.FirstLogin-button--submit,fieldset[disabled] .active.FormActions-btn--submit,fieldset[disabled] .active.GenericBtn-btn,fieldset[disabled] .active.HeaderVisuel-button,fieldset[disabled] .active.LayerNav-articlesBtn,fieldset[disabled] .active.Modal-action--primary,fieldset[disabled] .active.NewsFeed-btn,fieldset[disabled] .active.PushCommunication-btn--primary,fieldset[disabled] .active.PushNinePos-btn--primary,fieldset[disabled] .active.PushPage-button,fieldset[disabled] .active.SubcribeEDocs-BtnPrimary,fieldset[disabled] .active.SubscribeBtn-btn,fieldset[disabled] .active.TechnicalError-btnPrimary,fieldset[disabled] .active.ZCoord-BtnPrimary,fieldset[disabled] .active.ZCoord-itemBtnPrimary,fieldset[disabled] .active.bandeau-50-50-action--primary,fieldset[disabled] .active.btn-default.a-actif,fieldset[disabled] .active.btn-primary,fieldset[disabled] .bandeau-50-50-action--primary,fieldset[disabled] .bandeau-50-50-action--primary:active,fieldset[disabled] .bandeau-50-50-action--primary:focus,fieldset[disabled] .bandeau-50-50-action--primary:hover,fieldset[disabled] .btn-default.a-actif,fieldset[disabled] .btn-default.a-actif:active,fieldset[disabled] .btn-default.a-actif:focus,fieldset[disabled] .btn-default.a-actif:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btnWrap-primary a,fieldset[disabled] .btnWrap-primary a.active,fieldset[disabled] .btnWrap-primary a.focus,fieldset[disabled] .btnWrap-primary a.hover,fieldset[disabled] .btnWrap-primary a:active,fieldset[disabled] .btnWrap-primary a:focus,fieldset[disabled] .btnWrap-primary a:hover,fieldset[disabled] .focus.CompareBox-btn,fieldset[disabled] .focus.Error404-btnPrimary,fieldset[disabled] .focus.FirstLogin-button--submit,fieldset[disabled] .focus.FormActions-btn--submit,fieldset[disabled] .focus.GenericBtn-btn,fieldset[disabled] .focus.HeaderVisuel-button,fieldset[disabled] .focus.LayerNav-articlesBtn,fieldset[disabled] .focus.Modal-action--primary,fieldset[disabled] .focus.NewsFeed-btn,fieldset[disabled] .focus.PushCommunication-btn--primary,fieldset[disabled] .focus.PushNinePos-btn--primary,fieldset[disabled] .focus.PushPage-button,fieldset[disabled] .focus.SubcribeEDocs-BtnPrimary,fieldset[disabled] .focus.SubscribeBtn-btn,fieldset[disabled] .focus.TechnicalError-btnPrimary,fieldset[disabled] .focus.ZCoord-BtnPrimary,fieldset[disabled] .focus.ZCoord-itemBtnPrimary,fieldset[disabled] .focus.bandeau-50-50-action--primary,fieldset[disabled] .focus.btn-default.a-actif,fieldset[disabled] .focus.btn-primary,fieldset[disabled] .hover.CompareBox-btn,fieldset[disabled] .hover.Error404-btnPrimary,fieldset[disabled] .hover.FirstLogin-button--submit,fieldset[disabled] .hover.FormActions-btn--submit,fieldset[disabled] .hover.GenericBtn-btn,fieldset[disabled] .hover.HeaderVisuel-button,fieldset[disabled] .hover.LayerNav-articlesBtn,fieldset[disabled] .hover.Modal-action--primary,fieldset[disabled] .hover.NewsFeed-btn,fieldset[disabled] .hover.PushCommunication-btn--primary,fieldset[disabled] .hover.PushNinePos-btn--primary,fieldset[disabled] .hover.PushPage-button,fieldset[disabled] .hover.SubcribeEDocs-BtnPrimary,fieldset[disabled] .hover.SubscribeBtn-btn,fieldset[disabled] .hover.TechnicalError-btnPrimary,fieldset[disabled] .hover.ZCoord-BtnPrimary,fieldset[disabled] .hover.ZCoord-itemBtnPrimary,fieldset[disabled] .hover.bandeau-50-50-action--primary,fieldset[disabled] .hover.btn-default.a-actif,fieldset[disabled] .hover.btn-primary,fieldset[disabled] .navbar-fol .active.navbar-fol-action--primary,fieldset[disabled] .navbar-fol .focus.navbar-fol-action--primary,fieldset[disabled] .navbar-fol .hover.navbar-fol-action--primary,fieldset[disabled] .navbar-fol .navbar-fol-action--primary,fieldset[disabled] .navbar-fol .navbar-fol-action--primary:active,fieldset[disabled] .navbar-fol .navbar-fol-action--primary:focus,fieldset[disabled] .navbar-fol .navbar-fol-action--primary:hover,fieldset[disabled] .navbar-fol-sticky .active.navbar-fol-action--primary,fieldset[disabled] .navbar-fol-sticky .focus.navbar-fol-action--primary,fieldset[disabled] .navbar-fol-sticky .hover.navbar-fol-action--primary,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action--primary,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action--primary:active,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action--primary:focus,fieldset[disabled] .navbar-fol-sticky .navbar-fol-action--primary:hover {
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100);
    color: rgba(102,110,138,.3);
    cursor: not-allowed
}

[data-custom-redirect]:focus .PushCommunication-btn--primary,[data-custom-redirect]:hover .PushCommunication-btn--primary {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-400)
}

.CompareBox--disabled .CompareBox-btn,.CompareBox--disabled .CompareBox-btn:focus,.CompareBox--disabled .CompareBox-btn:hover {
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100);
    color: rgba(102,110,138,.3);
    cursor: not-allowed
}

.EDocsCustomFilter-btnPrimaryWhite,.GenericBtn-block--primary .GenericBtn-btn,.GenericBtn-block--primary .SubscribeBtn-btn,.GenericBtn-btnWhite,.GreenBtn-callbackLaterFooterBtn,.GreenBtn-callbackLaterFooterBtn--callbackNow,.GreenBtn-callbackUrgencyMessageBtn,.GreenBtn-contentBlockItemBtnPrimaryWhite,.HeaderVisuel-button--alt,.LayerNav--primary .LayerNav-articlesBtn,.MyOptionsCard-action--button,.PushCommunication-zoning--primary .PushCommunication-btn--primary,.PushCommunication-zoning--transparent .PushCommunication-btn--primary,.PushNinePos-btn--white,.SimilarSolutions--alternate .btn,.SubscribeBtn-block--primary .GenericBtn-btn,.SubscribeBtn-block--primary .SubscribeBtn-btn,.SubscribeBtn-btnWhite,.btn-primary--grayPanel,.cardMagArticle-layerButton,.cardMagFilter-action,.panel-gray .btn-primary {
    background-color: var(--msl-artwork-grey-0);
    border-color: var(--msl-artwork-grey-0);
    color: var(--msl-brand-primary)
}

.EDocsCustomFilter-btnPrimaryWhite:focus,.EDocsCustomFilter-btnPrimaryWhite:hover,.GenericBtn-block--primary .GenericBtn-btn:focus,.GenericBtn-block--primary .GenericBtn-btn:hover,.GenericBtn-block--primary .SubscribeBtn-btn:focus,.GenericBtn-block--primary .SubscribeBtn-btn:hover,.GenericBtn-block--primary .focus.GenericBtn-btn,.GenericBtn-block--primary .focus.SubscribeBtn-btn,.GenericBtn-block--primary .hover.GenericBtn-btn,.GenericBtn-block--primary .hover.SubscribeBtn-btn,.GenericBtn-btnWhite:focus,.GenericBtn-btnWhite:hover,.GreenBtn-callbackLaterFooterBtn--callbackNow:focus,.GreenBtn-callbackLaterFooterBtn--callbackNow:hover,.GreenBtn-callbackLaterFooterBtn:focus,.GreenBtn-callbackLaterFooterBtn:hover,.GreenBtn-callbackUrgencyMessageBtn:focus,.GreenBtn-callbackUrgencyMessageBtn:hover,.GreenBtn-contentBlockItemBtnPrimaryWhite:focus,.GreenBtn-contentBlockItemBtnPrimaryWhite:hover,.HeaderVisuel-button--alt:focus,.HeaderVisuel-button--alt:hover,.LayerNav--primary .LayerNav-articlesBtn:focus,.LayerNav--primary .LayerNav-articlesBtn:hover,.LayerNav--primary .focus.LayerNav-articlesBtn,.LayerNav--primary .hover.LayerNav-articlesBtn,.MyOptionsCard-action--button:focus,.MyOptionsCard-action--button:hover,.PushCommunication-zoning--primary .PushCommunication-btn--primary:focus,.PushCommunication-zoning--primary .PushCommunication-btn--primary:hover,.PushCommunication-zoning--primary .focus.PushCommunication-btn--primary,.PushCommunication-zoning--primary .hover.PushCommunication-btn--primary,.PushCommunication-zoning--transparent .PushCommunication-btn--primary:focus,.PushCommunication-zoning--transparent .PushCommunication-btn--primary:hover,.PushCommunication-zoning--transparent .focus.PushCommunication-btn--primary,.PushCommunication-zoning--transparent .hover.PushCommunication-btn--primary,.PushNinePos-btn--white:focus,.PushNinePos-btn--white:hover,.SimilarSolutions--alternate .btn:focus,.SimilarSolutions--alternate .btn:hover,.SimilarSolutions--alternate .focus.btn,.SimilarSolutions--alternate .hover.btn,.SubscribeBtn-block--primary .GenericBtn-btn:focus,.SubscribeBtn-block--primary .GenericBtn-btn:hover,.SubscribeBtn-block--primary .SubscribeBtn-btn:focus,.SubscribeBtn-block--primary .SubscribeBtn-btn:hover,.SubscribeBtn-block--primary .focus.GenericBtn-btn,.SubscribeBtn-block--primary .focus.SubscribeBtn-btn,.SubscribeBtn-block--primary .hover.GenericBtn-btn,.SubscribeBtn-block--primary .hover.SubscribeBtn-btn,.SubscribeBtn-btnWhite:focus,.SubscribeBtn-btnWhite:hover,.btn-primary--grayPanel:focus,.btn-primary--grayPanel:hover,.cardMagArticle-layerButton:focus,.cardMagArticle-layerButton:hover,.cardMagFilter-action:focus,.cardMagFilter-action:hover,.focus.EDocsCustomFilter-btnPrimaryWhite,.focus.GenericBtn-btnWhite,.focus.GreenBtn-callbackLaterFooterBtn,.focus.GreenBtn-callbackLaterFooterBtn--callbackNow,.focus.GreenBtn-callbackUrgencyMessageBtn,.focus.GreenBtn-contentBlockItemBtnPrimaryWhite,.focus.HeaderVisuel-button--alt,.focus.MyOptionsCard-action--button,.focus.PushNinePos-btn--white,.focus.SubscribeBtn-btnWhite,.focus.btn-primary--grayPanel,.focus.cardMagArticle-layerButton,.focus.cardMagFilter-action,.hover.EDocsCustomFilter-btnPrimaryWhite,.hover.GenericBtn-btnWhite,.hover.GreenBtn-callbackLaterFooterBtn,.hover.GreenBtn-callbackLaterFooterBtn--callbackNow,.hover.GreenBtn-callbackUrgencyMessageBtn,.hover.GreenBtn-contentBlockItemBtnPrimaryWhite,.hover.HeaderVisuel-button--alt,.hover.MyOptionsCard-action--button,.hover.PushNinePos-btn--white,.hover.SubscribeBtn-btnWhite,.hover.btn-primary--grayPanel,.hover.cardMagArticle-layerButton,.hover.cardMagFilter-action,.panel-gray .btn-primary:focus,.panel-gray .btn-primary:hover,.panel-gray .focus.btn-primary,.panel-gray .hover.btn-primary {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-50);
    border-color: var(--msl-artwork-grey-50)
}

.EDocsCustomFilter-btnPrimaryWhite[disabled],.EDocsCustomFilter-btnPrimaryWhite[disabled].focus,.EDocsCustomFilter-btnPrimaryWhite[disabled].hover,.EDocsCustomFilter-btnPrimaryWhite[disabled]:focus,.EDocsCustomFilter-btnPrimaryWhite[disabled]:hover,.GenericBtn-block--primary .GenericBtn-btn[disabled],.GenericBtn-block--primary .GenericBtn-btn[disabled].focus,.GenericBtn-block--primary .GenericBtn-btn[disabled].hover,.GenericBtn-block--primary .GenericBtn-btn[disabled]:focus,.GenericBtn-block--primary .GenericBtn-btn[disabled]:hover,.GenericBtn-block--primary .SubscribeBtn-btn[disabled],.GenericBtn-block--primary .SubscribeBtn-btn[disabled].focus,.GenericBtn-block--primary .SubscribeBtn-btn[disabled].hover,.GenericBtn-block--primary .SubscribeBtn-btn[disabled]:focus,.GenericBtn-block--primary .SubscribeBtn-btn[disabled]:hover,.GenericBtn-block--primary .disabled.GenericBtn-btn,.GenericBtn-block--primary .disabled.GenericBtn-btn:focus,.GenericBtn-block--primary .disabled.GenericBtn-btn:hover,.GenericBtn-block--primary .disabled.SubscribeBtn-btn,.GenericBtn-block--primary .disabled.SubscribeBtn-btn:focus,.GenericBtn-block--primary .disabled.SubscribeBtn-btn:hover,.GenericBtn-block--primary .disabled.focus.GenericBtn-btn,.GenericBtn-block--primary .disabled.focus.SubscribeBtn-btn,.GenericBtn-block--primary .disabled.hover.GenericBtn-btn,.GenericBtn-block--primary .disabled.hover.SubscribeBtn-btn,.GenericBtn-block--primary fieldset[disabled] .GenericBtn-btn,.GenericBtn-block--primary fieldset[disabled] .GenericBtn-btn:focus,.GenericBtn-block--primary fieldset[disabled] .GenericBtn-btn:hover,.GenericBtn-block--primary fieldset[disabled] .SubscribeBtn-btn,.GenericBtn-block--primary fieldset[disabled] .SubscribeBtn-btn:focus,.GenericBtn-block--primary fieldset[disabled] .SubscribeBtn-btn:hover,.GenericBtn-block--primary fieldset[disabled] .focus.GenericBtn-btn,.GenericBtn-block--primary fieldset[disabled] .focus.SubscribeBtn-btn,.GenericBtn-block--primary fieldset[disabled] .hover.GenericBtn-btn,.GenericBtn-block--primary fieldset[disabled] .hover.SubscribeBtn-btn,.GenericBtn-btnWhite[disabled],.GenericBtn-btnWhite[disabled].focus,.GenericBtn-btnWhite[disabled].hover,.GenericBtn-btnWhite[disabled]:focus,.GenericBtn-btnWhite[disabled]:hover,.GreenBtn-callbackLaterFooterBtn--callbackNow[disabled],.GreenBtn-callbackLaterFooterBtn--callbackNow[disabled].focus,.GreenBtn-callbackLaterFooterBtn--callbackNow[disabled].hover,.GreenBtn-callbackLaterFooterBtn--callbackNow[disabled]:focus,.GreenBtn-callbackLaterFooterBtn--callbackNow[disabled]:hover,.GreenBtn-callbackLaterFooterBtn[disabled],.GreenBtn-callbackLaterFooterBtn[disabled].focus,.GreenBtn-callbackLaterFooterBtn[disabled].hover,.GreenBtn-callbackLaterFooterBtn[disabled]:focus,.GreenBtn-callbackLaterFooterBtn[disabled]:hover,.GreenBtn-callbackUrgencyMessageBtn[disabled],.GreenBtn-callbackUrgencyMessageBtn[disabled].focus,.GreenBtn-callbackUrgencyMessageBtn[disabled].hover,.GreenBtn-callbackUrgencyMessageBtn[disabled]:focus,.GreenBtn-callbackUrgencyMessageBtn[disabled]:hover,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled],.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled].focus,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled].hover,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled]:focus,.GreenBtn-contentBlockItemBtnPrimaryWhite[disabled]:hover,.HeaderVisuel-button--alt[disabled],.HeaderVisuel-button--alt[disabled].focus,.HeaderVisuel-button--alt[disabled].hover,.HeaderVisuel-button--alt[disabled]:focus,.HeaderVisuel-button--alt[disabled]:hover,.LayerNav--primary .LayerNav-articlesBtn[disabled],.LayerNav--primary .LayerNav-articlesBtn[disabled].focus,.LayerNav--primary .LayerNav-articlesBtn[disabled].hover,.LayerNav--primary .LayerNav-articlesBtn[disabled]:focus,.LayerNav--primary .LayerNav-articlesBtn[disabled]:hover,.LayerNav--primary .disabled.LayerNav-articlesBtn,.LayerNav--primary .disabled.LayerNav-articlesBtn:focus,.LayerNav--primary .disabled.LayerNav-articlesBtn:hover,.LayerNav--primary .disabled.focus.LayerNav-articlesBtn,.LayerNav--primary .disabled.hover.LayerNav-articlesBtn,.LayerNav--primary fieldset[disabled] .LayerNav-articlesBtn,.LayerNav--primary fieldset[disabled] .LayerNav-articlesBtn:focus,.LayerNav--primary fieldset[disabled] .LayerNav-articlesBtn:hover,.LayerNav--primary fieldset[disabled] .focus.LayerNav-articlesBtn,.LayerNav--primary fieldset[disabled] .hover.LayerNav-articlesBtn,.MyOptionsCard-action--button[disabled],.MyOptionsCard-action--button[disabled].focus,.MyOptionsCard-action--button[disabled].hover,.MyOptionsCard-action--button[disabled]:focus,.MyOptionsCard-action--button[disabled]:hover,.PushCommunication-zoning--primary .PushCommunication-btn--primary[disabled],.PushCommunication-zoning--primary .PushCommunication-btn--primary[disabled].focus,.PushCommunication-zoning--primary .PushCommunication-btn--primary[disabled].hover,.PushCommunication-zoning--primary .PushCommunication-btn--primary[disabled]:focus,.PushCommunication-zoning--primary .PushCommunication-btn--primary[disabled]:hover,.PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary,.PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary:focus,.PushCommunication-zoning--primary .disabled.PushCommunication-btn--primary:hover,.PushCommunication-zoning--primary .disabled.focus.PushCommunication-btn--primary,.PushCommunication-zoning--primary .disabled.hover.PushCommunication-btn--primary,.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn--primary,.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn--primary:focus,.PushCommunication-zoning--primary fieldset[disabled] .PushCommunication-btn--primary:hover,.PushCommunication-zoning--primary fieldset[disabled] .focus.PushCommunication-btn--primary,.PushCommunication-zoning--primary fieldset[disabled] .hover.PushCommunication-btn--primary,.PushCommunication-zoning--transparent .PushCommunication-btn--primary[disabled],.PushCommunication-zoning--transparent .PushCommunication-btn--primary[disabled].focus,.PushCommunication-zoning--transparent .PushCommunication-btn--primary[disabled].hover,.PushCommunication-zoning--transparent .PushCommunication-btn--primary[disabled]:focus,.PushCommunication-zoning--transparent .PushCommunication-btn--primary[disabled]:hover,.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary,.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary:focus,.PushCommunication-zoning--transparent .disabled.PushCommunication-btn--primary:hover,.PushCommunication-zoning--transparent .disabled.focus.PushCommunication-btn--primary,.PushCommunication-zoning--transparent .disabled.hover.PushCommunication-btn--primary,.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn--primary,.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn--primary:focus,.PushCommunication-zoning--transparent fieldset[disabled] .PushCommunication-btn--primary:hover,.PushCommunication-zoning--transparent fieldset[disabled] .focus.PushCommunication-btn--primary,.PushCommunication-zoning--transparent fieldset[disabled] .hover.PushCommunication-btn--primary,.PushNinePos-btn--white[disabled],.PushNinePos-btn--white[disabled].focus,.PushNinePos-btn--white[disabled].hover,.PushNinePos-btn--white[disabled]:focus,.PushNinePos-btn--white[disabled]:hover,.SimilarSolutions--alternate .btn[disabled],.SimilarSolutions--alternate .btn[disabled].focus,.SimilarSolutions--alternate .btn[disabled].hover,.SimilarSolutions--alternate .btn[disabled]:focus,.SimilarSolutions--alternate .btn[disabled]:hover,.SimilarSolutions--alternate .disabled.btn,.SimilarSolutions--alternate .disabled.btn:focus,.SimilarSolutions--alternate .disabled.btn:hover,.SimilarSolutions--alternate .disabled.focus.btn,.SimilarSolutions--alternate .disabled.hover.btn,.SimilarSolutions--alternate fieldset[disabled] .btn,.SimilarSolutions--alternate fieldset[disabled] .btn:focus,.SimilarSolutions--alternate fieldset[disabled] .btn:hover,.SimilarSolutions--alternate fieldset[disabled] .focus.btn,.SimilarSolutions--alternate fieldset[disabled] .hover.btn,.SubscribeBtn-block--primary .GenericBtn-btn[disabled],.SubscribeBtn-block--primary .GenericBtn-btn[disabled].focus,.SubscribeBtn-block--primary .GenericBtn-btn[disabled].hover,.SubscribeBtn-block--primary .GenericBtn-btn[disabled]:focus,.SubscribeBtn-block--primary .GenericBtn-btn[disabled]:hover,.SubscribeBtn-block--primary .SubscribeBtn-btn[disabled],.SubscribeBtn-block--primary .SubscribeBtn-btn[disabled].focus,.SubscribeBtn-block--primary .SubscribeBtn-btn[disabled].hover,.SubscribeBtn-block--primary .SubscribeBtn-btn[disabled]:focus,.SubscribeBtn-block--primary .SubscribeBtn-btn[disabled]:hover,.SubscribeBtn-block--primary .disabled.GenericBtn-btn,.SubscribeBtn-block--primary .disabled.GenericBtn-btn:focus,.SubscribeBtn-block--primary .disabled.GenericBtn-btn:hover,.SubscribeBtn-block--primary .disabled.SubscribeBtn-btn,.SubscribeBtn-block--primary .disabled.SubscribeBtn-btn:focus,.SubscribeBtn-block--primary .disabled.SubscribeBtn-btn:hover,.SubscribeBtn-block--primary .disabled.focus.GenericBtn-btn,.SubscribeBtn-block--primary .disabled.focus.SubscribeBtn-btn,.SubscribeBtn-block--primary .disabled.hover.GenericBtn-btn,.SubscribeBtn-block--primary .disabled.hover.SubscribeBtn-btn,.SubscribeBtn-block--primary fieldset[disabled] .GenericBtn-btn,.SubscribeBtn-block--primary fieldset[disabled] .GenericBtn-btn:focus,.SubscribeBtn-block--primary fieldset[disabled] .GenericBtn-btn:hover,.SubscribeBtn-block--primary fieldset[disabled] .SubscribeBtn-btn,.SubscribeBtn-block--primary fieldset[disabled] .SubscribeBtn-btn:focus,.SubscribeBtn-block--primary fieldset[disabled] .SubscribeBtn-btn:hover,.SubscribeBtn-block--primary fieldset[disabled] .focus.GenericBtn-btn,.SubscribeBtn-block--primary fieldset[disabled] .focus.SubscribeBtn-btn,.SubscribeBtn-block--primary fieldset[disabled] .hover.GenericBtn-btn,.SubscribeBtn-block--primary fieldset[disabled] .hover.SubscribeBtn-btn,.SubscribeBtn-btnWhite[disabled],.SubscribeBtn-btnWhite[disabled].focus,.SubscribeBtn-btnWhite[disabled].hover,.SubscribeBtn-btnWhite[disabled]:focus,.SubscribeBtn-btnWhite[disabled]:hover,.btn-primary--grayPanel[disabled],.btn-primary--grayPanel[disabled].focus,.btn-primary--grayPanel[disabled].hover,.btn-primary--grayPanel[disabled]:focus,.btn-primary--grayPanel[disabled]:hover,.cardMagArticle-layerButton[disabled],.cardMagArticle-layerButton[disabled].focus,.cardMagArticle-layerButton[disabled].hover,.cardMagArticle-layerButton[disabled]:focus,.cardMagArticle-layerButton[disabled]:hover,.cardMagFilter-action[disabled],.cardMagFilter-action[disabled].focus,.cardMagFilter-action[disabled].hover,.cardMagFilter-action[disabled]:focus,.cardMagFilter-action[disabled]:hover,.disabled.EDocsCustomFilter-btnPrimaryWhite,.disabled.EDocsCustomFilter-btnPrimaryWhite:focus,.disabled.EDocsCustomFilter-btnPrimaryWhite:hover,.disabled.GenericBtn-btnWhite,.disabled.GenericBtn-btnWhite:focus,.disabled.GenericBtn-btnWhite:hover,.disabled.GreenBtn-callbackLaterFooterBtn,.disabled.GreenBtn-callbackLaterFooterBtn--callbackNow,.disabled.GreenBtn-callbackLaterFooterBtn--callbackNow:focus,.disabled.GreenBtn-callbackLaterFooterBtn--callbackNow:hover,.disabled.GreenBtn-callbackLaterFooterBtn:focus,.disabled.GreenBtn-callbackLaterFooterBtn:hover,.disabled.GreenBtn-callbackUrgencyMessageBtn,.disabled.GreenBtn-callbackUrgencyMessageBtn:focus,.disabled.GreenBtn-callbackUrgencyMessageBtn:hover,.disabled.GreenBtn-contentBlockItemBtnPrimaryWhite,.disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:focus,.disabled.GreenBtn-contentBlockItemBtnPrimaryWhite:hover,.disabled.HeaderVisuel-button--alt,.disabled.HeaderVisuel-button--alt:focus,.disabled.HeaderVisuel-button--alt:hover,.disabled.MyOptionsCard-action--button,.disabled.MyOptionsCard-action--button:focus,.disabled.MyOptionsCard-action--button:hover,.disabled.PushNinePos-btn--white,.disabled.PushNinePos-btn--white:focus,.disabled.PushNinePos-btn--white:hover,.disabled.SubscribeBtn-btnWhite,.disabled.SubscribeBtn-btnWhite:focus,.disabled.SubscribeBtn-btnWhite:hover,.disabled.btn-primary--grayPanel,.disabled.btn-primary--grayPanel:focus,.disabled.btn-primary--grayPanel:hover,.disabled.cardMagArticle-layerButton,.disabled.cardMagArticle-layerButton:focus,.disabled.cardMagArticle-layerButton:hover,.disabled.cardMagFilter-action,.disabled.cardMagFilter-action:focus,.disabled.cardMagFilter-action:hover,.disabled.focus.EDocsCustomFilter-btnPrimaryWhite,.disabled.focus.GenericBtn-btnWhite,.disabled.focus.GreenBtn-callbackLaterFooterBtn,.disabled.focus.GreenBtn-callbackLaterFooterBtn--callbackNow,.disabled.focus.GreenBtn-callbackUrgencyMessageBtn,.disabled.focus.GreenBtn-contentBlockItemBtnPrimaryWhite,.disabled.focus.HeaderVisuel-button--alt,.disabled.focus.MyOptionsCard-action--button,.disabled.focus.PushNinePos-btn--white,.disabled.focus.SubscribeBtn-btnWhite,.disabled.focus.btn-primary--grayPanel,.disabled.focus.cardMagArticle-layerButton,.disabled.focus.cardMagFilter-action,.disabled.hover.EDocsCustomFilter-btnPrimaryWhite,.disabled.hover.GenericBtn-btnWhite,.disabled.hover.GreenBtn-callbackLaterFooterBtn,.disabled.hover.GreenBtn-callbackLaterFooterBtn--callbackNow,.disabled.hover.GreenBtn-callbackUrgencyMessageBtn,.disabled.hover.GreenBtn-contentBlockItemBtnPrimaryWhite,.disabled.hover.HeaderVisuel-button--alt,.disabled.hover.MyOptionsCard-action--button,.disabled.hover.PushNinePos-btn--white,.disabled.hover.SubscribeBtn-btnWhite,.disabled.hover.btn-primary--grayPanel,.disabled.hover.cardMagArticle-layerButton,.disabled.hover.cardMagFilter-action,.panel-gray .btn-primary[disabled],.panel-gray .btn-primary[disabled].focus,.panel-gray .btn-primary[disabled].hover,.panel-gray .btn-primary[disabled]:focus,.panel-gray .btn-primary[disabled]:hover,.panel-gray .disabled.btn-primary,.panel-gray .disabled.btn-primary:focus,.panel-gray .disabled.btn-primary:hover,.panel-gray .disabled.focus.btn-primary,.panel-gray .disabled.hover.btn-primary,.panel-gray fieldset[disabled] .btn-primary,.panel-gray fieldset[disabled] .btn-primary:focus,.panel-gray fieldset[disabled] .btn-primary:hover,.panel-gray fieldset[disabled] .focus.btn-primary,.panel-gray fieldset[disabled] .hover.btn-primary,fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite,fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite:focus,fieldset[disabled] .EDocsCustomFilter-btnPrimaryWhite:hover,fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btn,fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btn:focus,fieldset[disabled] .GenericBtn-block--primary .GenericBtn-btn:hover,fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn,fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn:focus,fieldset[disabled] .GenericBtn-block--primary .SubscribeBtn-btn:hover,fieldset[disabled] .GenericBtn-block--primary .focus.GenericBtn-btn,fieldset[disabled] .GenericBtn-block--primary .focus.SubscribeBtn-btn,fieldset[disabled] .GenericBtn-block--primary .hover.GenericBtn-btn,fieldset[disabled] .GenericBtn-block--primary .hover.SubscribeBtn-btn,fieldset[disabled] .GenericBtn-btnWhite,fieldset[disabled] .GenericBtn-btnWhite:focus,fieldset[disabled] .GenericBtn-btnWhite:hover,fieldset[disabled] .GreenBtn-callbackLaterFooterBtn,fieldset[disabled] .GreenBtn-callbackLaterFooterBtn--callbackNow,fieldset[disabled] .GreenBtn-callbackLaterFooterBtn--callbackNow:focus,fieldset[disabled] .GreenBtn-callbackLaterFooterBtn--callbackNow:hover,fieldset[disabled] .GreenBtn-callbackLaterFooterBtn:focus,fieldset[disabled] .GreenBtn-callbackLaterFooterBtn:hover,fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn,fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn:focus,fieldset[disabled] .GreenBtn-callbackUrgencyMessageBtn:hover,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:focus,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimaryWhite:hover,fieldset[disabled] .HeaderVisuel-button--alt,fieldset[disabled] .HeaderVisuel-button--alt:focus,fieldset[disabled] .HeaderVisuel-button--alt:hover,fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn,fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn:focus,fieldset[disabled] .LayerNav--primary .LayerNav-articlesBtn:hover,fieldset[disabled] .LayerNav--primary .focus.LayerNav-articlesBtn,fieldset[disabled] .LayerNav--primary .hover.LayerNav-articlesBtn,fieldset[disabled] .MyOptionsCard-action--button,fieldset[disabled] .MyOptionsCard-action--button:focus,fieldset[disabled] .MyOptionsCard-action--button:hover,fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary,fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary:focus,fieldset[disabled] .PushCommunication-zoning--primary .PushCommunication-btn--primary:hover,fieldset[disabled] .PushCommunication-zoning--primary .focus.PushCommunication-btn--primary,fieldset[disabled] .PushCommunication-zoning--primary .hover.PushCommunication-btn--primary,fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn--primary,fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn--primary:focus,fieldset[disabled] .PushCommunication-zoning--transparent .PushCommunication-btn--primary:hover,fieldset[disabled] .PushCommunication-zoning--transparent .focus.PushCommunication-btn--primary,fieldset[disabled] .PushCommunication-zoning--transparent .hover.PushCommunication-btn--primary,fieldset[disabled] .PushNinePos-btn--white,fieldset[disabled] .PushNinePos-btn--white:focus,fieldset[disabled] .PushNinePos-btn--white:hover,fieldset[disabled] .SimilarSolutions--alternate .btn,fieldset[disabled] .SimilarSolutions--alternate .btn:focus,fieldset[disabled] .SimilarSolutions--alternate .btn:hover,fieldset[disabled] .SimilarSolutions--alternate .focus.btn,fieldset[disabled] .SimilarSolutions--alternate .hover.btn,fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btn,fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btn:focus,fieldset[disabled] .SubscribeBtn-block--primary .GenericBtn-btn:hover,fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn,fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn:focus,fieldset[disabled] .SubscribeBtn-block--primary .SubscribeBtn-btn:hover,fieldset[disabled] .SubscribeBtn-block--primary .focus.GenericBtn-btn,fieldset[disabled] .SubscribeBtn-block--primary .focus.SubscribeBtn-btn,fieldset[disabled] .SubscribeBtn-block--primary .hover.GenericBtn-btn,fieldset[disabled] .SubscribeBtn-block--primary .hover.SubscribeBtn-btn,fieldset[disabled] .SubscribeBtn-btnWhite,fieldset[disabled] .SubscribeBtn-btnWhite:focus,fieldset[disabled] .SubscribeBtn-btnWhite:hover,fieldset[disabled] .btn-primary--grayPanel,fieldset[disabled] .btn-primary--grayPanel:focus,fieldset[disabled] .btn-primary--grayPanel:hover,fieldset[disabled] .cardMagArticle-layerButton,fieldset[disabled] .cardMagArticle-layerButton:focus,fieldset[disabled] .cardMagArticle-layerButton:hover,fieldset[disabled] .cardMagFilter-action,fieldset[disabled] .cardMagFilter-action:focus,fieldset[disabled] .cardMagFilter-action:hover,fieldset[disabled] .focus.EDocsCustomFilter-btnPrimaryWhite,fieldset[disabled] .focus.GenericBtn-btnWhite,fieldset[disabled] .focus.GreenBtn-callbackLaterFooterBtn,fieldset[disabled] .focus.GreenBtn-callbackLaterFooterBtn--callbackNow,fieldset[disabled] .focus.GreenBtn-callbackUrgencyMessageBtn,fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimaryWhite,fieldset[disabled] .focus.HeaderVisuel-button--alt,fieldset[disabled] .focus.MyOptionsCard-action--button,fieldset[disabled] .focus.PushNinePos-btn--white,fieldset[disabled] .focus.SubscribeBtn-btnWhite,fieldset[disabled] .focus.btn-primary--grayPanel,fieldset[disabled] .focus.cardMagArticle-layerButton,fieldset[disabled] .focus.cardMagFilter-action,fieldset[disabled] .hover.EDocsCustomFilter-btnPrimaryWhite,fieldset[disabled] .hover.GenericBtn-btnWhite,fieldset[disabled] .hover.GreenBtn-callbackLaterFooterBtn,fieldset[disabled] .hover.GreenBtn-callbackLaterFooterBtn--callbackNow,fieldset[disabled] .hover.GreenBtn-callbackUrgencyMessageBtn,fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimaryWhite,fieldset[disabled] .hover.HeaderVisuel-button--alt,fieldset[disabled] .hover.MyOptionsCard-action--button,fieldset[disabled] .hover.PushNinePos-btn--white,fieldset[disabled] .hover.SubscribeBtn-btnWhite,fieldset[disabled] .hover.btn-primary--grayPanel,fieldset[disabled] .hover.cardMagArticle-layerButton,fieldset[disabled] .hover.cardMagFilter-action,fieldset[disabled] .panel-gray .btn-primary,fieldset[disabled] .panel-gray .btn-primary:focus,fieldset[disabled] .panel-gray .btn-primary:hover,fieldset[disabled] .panel-gray .focus.btn-primary,fieldset[disabled] .panel-gray .hover.btn-primary {
    color: var(--msl-artwork-grey-600);
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100)
}

[data-custom-redirect]:focus .PushCommunication-zoning--primary .PushCommunication-btn--primary,[data-custom-redirect]:focus .PushCommunication-zoning--transparent .PushCommunication-btn--primary,[data-custom-redirect]:focus.PushCommunication-zoning--primary .PushCommunication-btn--primary,[data-custom-redirect]:focus.PushCommunication-zoning--transparent .PushCommunication-btn--primary,[data-custom-redirect]:hover .PushCommunication-zoning--primary .PushCommunication-btn--primary,[data-custom-redirect]:hover .PushCommunication-zoning--transparent .PushCommunication-btn--primary,[data-custom-redirect]:hover.PushCommunication-zoning--primary .PushCommunication-btn--primary,[data-custom-redirect]:hover.PushCommunication-zoning--transparent .PushCommunication-btn--primary {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-50);
    border-color: var(--msl-artwork-grey-50)
}

.ImportDocs-BtnPrimaryWhitePrimary[disabled],.ImportDocs-actionButton[disabled] {
    color: var(--msl-artwork-grey-600);
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100)
}

.CustomMessage-btn,.ImportDocs-BtnPrimaryWhitePrimary,.ImportDocs-actionButton,.btn-primary--primaryPanel,.panel-primary .btn-primary {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-brand-primary);
    border-width: 0;
    border-color: var(--msl-artwork-grey-0)
}

.CustomMessage-btn:focus,.CustomMessage-btn:hover,.ImportDocs-BtnPrimaryWhitePrimary:focus,.ImportDocs-BtnPrimaryWhitePrimary:hover,.ImportDocs-actionButton:focus,.ImportDocs-actionButton:hover,.btn-primary--primaryPanel:focus,.btn-primary--primaryPanel:hover,.focus.CustomMessage-btn,.focus.ImportDocs-BtnPrimaryWhitePrimary,.focus.ImportDocs-actionButton,.focus.btn-primary--primaryPanel,.hover.CustomMessage-btn,.hover.ImportDocs-BtnPrimaryWhitePrimary,.hover.ImportDocs-actionButton,.hover.btn-primary--primaryPanel,.panel-primary .btn-primary:focus,.panel-primary .btn-primary:hover,.panel-primary .focus.btn-primary,.panel-primary .hover.btn-primary {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-50);
    border-color: var(--msl-artwork-grey-50)
}

.CustomMessage-btn[disabled],.CustomMessage-btn[disabled].focus,.CustomMessage-btn[disabled].hover,.CustomMessage-btn[disabled]:focus,.CustomMessage-btn[disabled]:hover,.ImportDocs-BtnPrimaryWhitePrimary[disabled],.ImportDocs-BtnPrimaryWhitePrimary[disabled].focus,.ImportDocs-BtnPrimaryWhitePrimary[disabled].hover,.ImportDocs-BtnPrimaryWhitePrimary[disabled]:focus,.ImportDocs-BtnPrimaryWhitePrimary[disabled]:hover,.ImportDocs-actionButton[disabled],.ImportDocs-actionButton[disabled].focus,.ImportDocs-actionButton[disabled].hover,.ImportDocs-actionButton[disabled]:focus,.ImportDocs-actionButton[disabled]:hover,.btn-primary--primaryPanel[disabled],.btn-primary--primaryPanel[disabled].focus,.btn-primary--primaryPanel[disabled].hover,.btn-primary--primaryPanel[disabled]:focus,.btn-primary--primaryPanel[disabled]:hover,.disabled.CustomMessage-btn,.disabled.CustomMessage-btn:focus,.disabled.CustomMessage-btn:hover,.disabled.ImportDocs-BtnPrimaryWhitePrimary,.disabled.ImportDocs-BtnPrimaryWhitePrimary:focus,.disabled.ImportDocs-BtnPrimaryWhitePrimary:hover,.disabled.ImportDocs-actionButton,.disabled.ImportDocs-actionButton:focus,.disabled.ImportDocs-actionButton:hover,.disabled.btn-primary--primaryPanel,.disabled.btn-primary--primaryPanel:focus,.disabled.btn-primary--primaryPanel:hover,.disabled.focus.CustomMessage-btn,.disabled.focus.ImportDocs-BtnPrimaryWhitePrimary,.disabled.focus.ImportDocs-actionButton,.disabled.focus.btn-primary--primaryPanel,.disabled.hover.CustomMessage-btn,.disabled.hover.ImportDocs-BtnPrimaryWhitePrimary,.disabled.hover.ImportDocs-actionButton,.disabled.hover.btn-primary--primaryPanel,.panel-primary .btn-primary[disabled],.panel-primary .btn-primary[disabled].focus,.panel-primary .btn-primary[disabled].hover,.panel-primary .btn-primary[disabled]:focus,.panel-primary .btn-primary[disabled]:hover,.panel-primary .disabled.btn-primary,.panel-primary .disabled.btn-primary:focus,.panel-primary .disabled.btn-primary:hover,.panel-primary .disabled.focus.btn-primary,.panel-primary .disabled.hover.btn-primary,.panel-primary fieldset[disabled] .btn-primary,.panel-primary fieldset[disabled] .btn-primary:focus,.panel-primary fieldset[disabled] .btn-primary:hover,.panel-primary fieldset[disabled] .focus.btn-primary,.panel-primary fieldset[disabled] .hover.btn-primary,fieldset[disabled] .CustomMessage-btn,fieldset[disabled] .CustomMessage-btn:focus,fieldset[disabled] .CustomMessage-btn:hover,fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary,fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary:focus,fieldset[disabled] .ImportDocs-BtnPrimaryWhitePrimary:hover,fieldset[disabled] .ImportDocs-actionButton,fieldset[disabled] .ImportDocs-actionButton:focus,fieldset[disabled] .ImportDocs-actionButton:hover,fieldset[disabled] .btn-primary--primaryPanel,fieldset[disabled] .btn-primary--primaryPanel:focus,fieldset[disabled] .btn-primary--primaryPanel:hover,fieldset[disabled] .focus.CustomMessage-btn,fieldset[disabled] .focus.ImportDocs-BtnPrimaryWhitePrimary,fieldset[disabled] .focus.ImportDocs-actionButton,fieldset[disabled] .focus.btn-primary--primaryPanel,fieldset[disabled] .hover.CustomMessage-btn,fieldset[disabled] .hover.ImportDocs-BtnPrimaryWhitePrimary,fieldset[disabled] .hover.ImportDocs-actionButton,fieldset[disabled] .hover.btn-primary--primaryPanel,fieldset[disabled] .panel-primary .btn-primary,fieldset[disabled] .panel-primary .btn-primary:focus,fieldset[disabled] .panel-primary .btn-primary:hover,fieldset[disabled] .panel-primary .focus.btn-primary,fieldset[disabled] .panel-primary .hover.btn-primary {
    color: #005f50;
    background-color: #218a7a;
    border-color: #218a7a
}

.GreenBtn-contentBlockItemBtnPrimary,.GreenBtn-dialogBoxSatisfactionFooterBtn {
    background-color: var(--msl-functionnal-contact);
    border-color: var(--msl-functionnal-contact);
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-contentBlockItemBtnPrimary:focus,.GreenBtn-contentBlockItemBtnPrimary:hover,.GreenBtn-dialogBoxSatisfactionFooterBtn:focus,.GreenBtn-dialogBoxSatisfactionFooterBtn:hover,.focus.GreenBtn-contentBlockItemBtnPrimary,.focus.GreenBtn-dialogBoxSatisfactionFooterBtn,.hover.GreenBtn-contentBlockItemBtnPrimary,.hover.GreenBtn-dialogBoxSatisfactionFooterBtn {
    color: var(--msl-artwork-grey-0);
    background-color: #004652;
    border-color: #004652
}

.GreenBtn-contentBlockItemBtnPrimary[disabled],.GreenBtn-contentBlockItemBtnPrimary[disabled].focus,.GreenBtn-contentBlockItemBtnPrimary[disabled].hover,.GreenBtn-contentBlockItemBtnPrimary[disabled]:focus,.GreenBtn-contentBlockItemBtnPrimary[disabled]:hover,.GreenBtn-dialogBoxSatisfactionFooterBtn[disabled],.GreenBtn-dialogBoxSatisfactionFooterBtn[disabled].focus,.GreenBtn-dialogBoxSatisfactionFooterBtn[disabled].hover,.GreenBtn-dialogBoxSatisfactionFooterBtn[disabled]:focus,.GreenBtn-dialogBoxSatisfactionFooterBtn[disabled]:hover,.disabled.GreenBtn-contentBlockItemBtnPrimary,.disabled.GreenBtn-contentBlockItemBtnPrimary:focus,.disabled.GreenBtn-contentBlockItemBtnPrimary:hover,.disabled.GreenBtn-dialogBoxSatisfactionFooterBtn,.disabled.GreenBtn-dialogBoxSatisfactionFooterBtn:focus,.disabled.GreenBtn-dialogBoxSatisfactionFooterBtn:hover,.disabled.focus.GreenBtn-contentBlockItemBtnPrimary,.disabled.focus.GreenBtn-dialogBoxSatisfactionFooterBtn,.disabled.hover.GreenBtn-contentBlockItemBtnPrimary,.disabled.hover.GreenBtn-dialogBoxSatisfactionFooterBtn,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary:focus,fieldset[disabled] .GreenBtn-contentBlockItemBtnPrimary:hover,fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn,fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn:focus,fieldset[disabled] .GreenBtn-dialogBoxSatisfactionFooterBtn:hover,fieldset[disabled] .focus.GreenBtn-contentBlockItemBtnPrimary,fieldset[disabled] .focus.GreenBtn-dialogBoxSatisfactionFooterBtn,fieldset[disabled] .hover.GreenBtn-contentBlockItemBtnPrimary,fieldset[disabled] .hover.GreenBtn-dialogBoxSatisfactionFooterBtn {
    color: #f5f5f5;
    border-color: #28ab9e;
    background-color: #28ab9e
}

.btn-success,.btnWrap-success a {
    color: #fff;
    background-color: #008037;
    border-color: #00672c
}

.btn-success.focus,.btn-success:focus,.btnWrap-success a.focus,.btnWrap-success a:focus {
    color: #fff;
    background-color: #004d21;
    border-color: #000
}

.btn-success:hover,.btnWrap-success a:hover {
    color: #fff;
    background-color: #004d21;
    border-color: #002912
}

.open>.btn-success.dropdown-toggle,.open>.btnWrap-success a.dropdown-toggle {
    color: #fff;
    background-color: #004d21;
    border-color: #002912
}

.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover,.open>.btnWrap-success a.dropdown-toggle.focus,.open>.btnWrap-success a.dropdown-toggle:focus,.open>.btnWrap-success a.dropdown-toggle:hover {
    color: #fff;
    background-color: #002912;
    border-color: #000
}

.open>.btn-success.dropdown-toggle,.open>.btnWrap-success a.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,.btnWrap-success a.disabled.focus,.btnWrap-success a.disabled:focus,.btnWrap-success a.disabled:hover,.btnWrap-success a[disabled].focus,.btnWrap-success a[disabled]:focus,.btnWrap-success a[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btnWrap-success a.focus,fieldset[disabled] .btnWrap-success a:focus,fieldset[disabled] .btnWrap-success a:hover {
    background-color: #008037;
    border-color: #00672c
}

.btn-success .badge,.btnWrap-success a .badge {
    color: #008037;
    background-color: #fff
}

.btn-info,.btnWrap-info a {
    color: #fff;
    background-color: #097faf;
    border-color: #086d97
}

.btn-info.focus,.btn-info:focus,.btnWrap-info a.focus,.btnWrap-info a:focus {
    color: #fff;
    background-color: #075c7e;
    border-color: #02151d
}

.btn-info:hover,.btnWrap-info a:hover {
    color: #fff;
    background-color: #075c7e;
    border-color: #05435d
}

.open>.btn-info.dropdown-toggle,.open>.btnWrap-info a.dropdown-toggle {
    color: #fff;
    background-color: #075c7e;
    border-color: #05435d
}

.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover,.open>.btnWrap-info a.dropdown-toggle.focus,.open>.btnWrap-info a.dropdown-toggle:focus,.open>.btnWrap-info a.dropdown-toggle:hover {
    color: #fff;
    background-color: #05435d;
    border-color: #02151d
}

.open>.btn-info.dropdown-toggle,.open>.btnWrap-info a.dropdown-toggle {
    background-image: none
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,.btnWrap-info a.disabled.focus,.btnWrap-info a.disabled:focus,.btnWrap-info a.disabled:hover,.btnWrap-info a[disabled].focus,.btnWrap-info a[disabled]:focus,.btnWrap-info a[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btnWrap-info a.focus,fieldset[disabled] .btnWrap-info a:focus,fieldset[disabled] .btnWrap-info a:hover {
    background-color: #097faf;
    border-color: #086d97
}

.btn-info .badge,.btnWrap-info a .badge {
    color: #097faf;
    background-color: #fff
}

.btn-warning,.btnWrap-warning a {
    color: #fff;
    background-color: #c85207;
    border-color: #af4806
}

.btn-warning.focus,.btn-warning:focus,.btnWrap-warning a.focus,.btnWrap-warning a:focus {
    color: #fff;
    background-color: #973e05;
    border-color: #341502
}

.btn-warning:hover,.btnWrap-warning a:hover {
    color: #fff;
    background-color: #973e05;
    border-color: #743004
}

.open>.btn-warning.dropdown-toggle,.open>.btnWrap-warning a.dropdown-toggle {
    color: #fff;
    background-color: #973e05;
    border-color: #743004
}

.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover,.open>.btnWrap-warning a.dropdown-toggle.focus,.open>.btnWrap-warning a.dropdown-toggle:focus,.open>.btnWrap-warning a.dropdown-toggle:hover {
    color: #fff;
    background-color: #743004;
    border-color: #341502
}

.open>.btn-warning.dropdown-toggle,.open>.btnWrap-warning a.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,.btnWrap-warning a.disabled.focus,.btnWrap-warning a.disabled:focus,.btnWrap-warning a.disabled:hover,.btnWrap-warning a[disabled].focus,.btnWrap-warning a[disabled]:focus,.btnWrap-warning a[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btnWrap-warning a.focus,fieldset[disabled] .btnWrap-warning a:focus,fieldset[disabled] .btnWrap-warning a:hover {
    background-color: #c85207;
    border-color: #af4806
}

.btn-warning .badge,.btnWrap-warning a .badge {
    color: #c85207;
    background-color: #fff
}

.btn-danger,.btnWrap-danger a {
    color: #fff;
    background-color: #ca2f2e;
    border-color: #b52a29
}

.btn-danger.focus,.btn-danger:focus,.btnWrap-danger a.focus,.btnWrap-danger a:focus {
    color: #fff;
    background-color: #a02525;
    border-color: #4d1212
}

.btn-danger:hover,.btnWrap-danger a:hover {
    color: #fff;
    background-color: #a02525;
    border-color: #831f1e
}

.open>.btn-danger.dropdown-toggle,.open>.btnWrap-danger a.dropdown-toggle {
    color: #fff;
    background-color: #a02525;
    border-color: #831f1e
}

.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover,.open>.btnWrap-danger a.dropdown-toggle.focus,.open>.btnWrap-danger a.dropdown-toggle:focus,.open>.btnWrap-danger a.dropdown-toggle:hover {
    color: #fff;
    background-color: #831f1e;
    border-color: #4d1212
}

.open>.btn-danger.dropdown-toggle,.open>.btnWrap-danger a.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,.btnWrap-danger a.disabled.focus,.btnWrap-danger a.disabled:focus,.btnWrap-danger a.disabled:hover,.btnWrap-danger a[disabled].focus,.btnWrap-danger a[disabled]:focus,.btnWrap-danger a[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btnWrap-danger a.focus,fieldset[disabled] .btnWrap-danger a:focus,fieldset[disabled] .btnWrap-danger a:hover {
    background-color: #ca2f2e;
    border-color: #b52a29
}

.btn-danger .badge,.btnWrap-danger a .badge {
    color: #ca2f2e;
    background-color: #fff
}

.btn-link {
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-400);
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #308276;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #666e8a;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg {
    padding: 10px 16px;
    font-size: var(--msl-fontSize-18);
    line-height: 1.33333;
    border-radius: 28px
}

.btn-group-sm>.btn,.btn-sm {
    padding: 5px 10px;
    font-size: var(--msl-fontSize-12);
    line-height: 1.5;
    border-radius: 20px
}

.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: var(--msl-fontSize-12);
    line-height: 1.5;
    border-radius: 20px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn-icon {
    background-color: var(--msl-brand-primary);
    width: 30px;
    height: 30px;
    border-radius: 2px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-0);
    text-align: center;
    vertical-align: middle
}

.btn-icon:focus,.btn-icon:hover {
    background-color: var(--msl-brand-secondary-500)
}

.btn-icon:active {
    color: var(--msl-brand-secondary-500)
}

.btn-icon:disabled {
    background-color: var(--msl-artwork-grey-100);
    color: rgba(102,110,138,.3);
    cursor: not-allowed
}

.btn-previous {
    position: relative;
    display: inline-block;
    font-family: "NPC Icons crunchy R2503"!important;
    font-style: normal;
    font-weight: var(--msl-fontWeight-400);
    color: #fff
}

.btn-previous:before {
    content: ""
}

.btn-next {
    position: relative;
    display: inline-block;
    font-family: "NPC Icons crunchy R2503"!important;
    font-style: normal;
    font-weight: var(--msl-fontWeight-400);
    color: #fff
}

.btn-next:before {
    content: ""
}

.label-pagenumber {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-brand-primary);
    vertical-align: middle
}

.panel-primary .label-pagenumber {
    color: var(--msl-artwork-grey-0)
}

.operation-cours,.operation-cours-passif {
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    font-weight: var(--msl-fontWeight-600);
    padding: 1em;
    margin: 4.3333333vh 0 1em 10%
}

.operation-cours {
    border: 4px solid var(--msl-brand-primary);
    background-color: var(--msl-brand-primary);
    color: #fff
}

.operation-avenir-actif a,.operation-cours a {
    color: #fff;
    text-decoration: none
}

.operation-cours-passif {
    border: 1px solid var(--msl-brand-primary);
    border-right: 0;
    color: var(--msl-brand-primary);
    background-color: #fff
}

.operation-avenir a,.operation-cours-passif a {
    color: var(--msl-brand-primary);
    text-decoration: none
}

.operation-avenir {
    border: 1px solid var(--msl-brand-primary);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    background-color: #fff;
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-400);
    padding: 1em;
    margin: 4.3333333vh 10% 1em 0
}

.operation-avenir-actif {
    border: 4px solid var(--msl-brand-primary);
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    background-color: var(--msl-brand-primary);
    color: #fff;
    font-weight: var(--msl-fontWeight-600);
    padding: 1em;
    margin: 4.3333333vh 10% 1em 0
}

.guidebutton button.button-default,.guidebutton button.moveNext,.guidebutton button:not(.af-icon-button),.guidebutton input[type=button] {
    background-color: var(--msl-brand-primary)!important;
    border: 1px solid var(--msl-brand-primary)!important;
    border-radius: var(--msl-borderRadius-50)!important;
    color: var(--msl-artwork-grey-0)!important
}

.guidebutton button.button-default:hover,.guidebutton button.moveNext:hover,.guidebutton button:not(.af-icon-button):hover,.guidebutton input[type=button]:hover {
    background-color: var(--msl-brand-secondary-500)!important;
    border: 1px solid var(--msl-brand-secondary-500)!important;
    color: var(--msl-artwork-grey-0)!important
}

.guidebutton button.movePrev {
    background-color: transparent!important;
    border: 1px solid var(--msl-brand-primary)!important;
    border-radius: var(--msl-borderRadius-50)!important;
    color: var(--msl-brand-primary)!important
}

.guidebutton button.movePrev:hover {
    background-color: transparent!important;
    border: 1px solid var(--msl-brand-secondary-500)!important;
    color: var(--msl-brand-secondary-500)!important
}

button.ficheAgence.btn-default,button.ficheAgence.btn-default:hover {
    background-color: var(--msl-artwork-grey-0)!important;
    border: none!important;
    border-radius: var(--msl-borderRadius-50)!important;
    color: var(--msl-artwork-grey-900)!important
}

.SimilarSolutions-title,.Title,.alphabetList-title,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.SimilarSolutions-title .small,.SimilarSolutions-title small,.Title .small,.Title small,.alphabetList-title .small,.alphabetList-title small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: var(--msl-fontWeight-400);
    line-height: 1;
    color: #666e8a
}

.SimilarSolutions-title,.Title,.alphabetList-title,.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.SimilarSolutions-title .small,.SimilarSolutions-title small,.Title .small,.Title small,.alphabetList-title .small,.alphabetList-title small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.SimilarSolutions-title,.Title,.h2,h2 {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.alphabetList-title,.h3,h3 {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.h4,h4 {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.h5,h5 {
    font-size: var(--msl-fontSize-16)
}

.h6,h6 {
    font-size: var(--msl-fontSize-12)
}

p {
    margin: 0 0 10px
}

p.regular {
    font-weight: var(--msl-fontWeight-400)
}

.lead {
    margin-bottom: 20px;
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.4
}

@media (min-width: 650px) {
    .lead {
        font-size:var(--msl-fontSize-24)
    }
}

.small,small {
    font-size: var(--msl-fontSize-12)
}

.mark,mark {
    background-color: #f8824b26;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: var(--msl-artwork-grey-0)
}

.text-primary {
    color: #007461
}

a.text-primary:focus,a.text-primary:hover {
    color: #004136
}

.text-success {
    color: #008037
}

a.text-success:focus,a.text-success:hover {
    color: #004d21
}

.text-info {
    color: #097faf
}

a.text-info:focus,a.text-info:hover {
    color: #075c7e
}

.text-warning {
    color: #c85207
}

a.text-warning:focus,a.text-warning:hover {
    color: #973e05
}

.text-danger {
    color: #ca2f2e
}

a.text-danger:focus,a.text-danger:hover {
    color: #a02525
}

.bg-primary {
    color: var(--msl-artwork-grey-0)
}

.bg-primary {
    background-color: #007461
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #004136
}

.bg-success {
    background-color: #44ac6026
}

a.bg-success:focus,a.bg-success:hover {
    background-color: rgba(54,135,76,.14902)
}

.bg-info {
    background-color: #5aaad526
}

a.bg-info:focus,a.bg-info:hover {
    background-color: rgba(51,149,201,.14902)
}

.bg-warning {
    background-color: #f8824b26
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: rgba(246,96,26,.14902)
}

.bg-danger {
    background-color: #f26a6326
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: rgba(238,61,52,.14902)
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #d9dbe3
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.Chapters-item ol,.Chapters-item ul,.FirstLogin-container ol,.FirstLogin-container ul {
    padding-left: 20px
}

.Chapters-item ul,.FirstLogin-container ul {
    list-style-type: none
}

.Chapters-item ul>li,.FirstLogin-container ul>li {
    position: relative
}

.Chapters-item ul>li:before,.FirstLogin-container ul>li:before {
    position: absolute;
    top: 0;
    left: -10px;
    content: '•';
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,dt {
    line-height: 1.5
}

dt {
    font-weight: var(--msl-fontWeight-700)
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 650px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #666e8a
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: var(--msl-fontSize-18)
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.5;
    color: #666e8a
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #d9dbe3;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.5
}

.gras {
    font-weight: var(--msl-fontWeight-700)
}

.error {
    padding-left: 15px;
    padding-right: 15px;
    color: var(--msl-functionnal-danger-100)
}

.statut-accord {
    color: green
}

.statut-refuse {
    color: red
}

.statut-partiel {
    color: #000
}

.haut-de-page {
    float: right
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: var(--msl-fontSize-24);
    line-height: inherit;
    color: #19212d;
    border: 0;
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    color: var(--msl-artwork-grey-900)
}

form {
    padding: 10px
}

input[type=search] {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: var(--msl-spacing-50) 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: 0
}

.form-error {
    display: none
}

input[type=email]:invalid+.form-error,input[type=tel]:invalid+.form-error,input[type=url]:invalid+.form-error {
    border-color: var(--msl-functionnal-danger-100);
    display: block;
    margin: 10px 0;
    color: var(--msl-functionnal-danger-100)
}

output {
    display: block;
    padding-top: 12px;
    font-size: var(--msl-fontSize-16);
    line-height: 1.5;
    color: var(--msl-artwork-grey-1000)
}

.form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 11px 12px;
    font-size: var(--msl-fontSize-14);
    color: var(--msl-artwork-grey-1000);
    background-color: var(--msl-artwork-grey-0);
    background-image: none;
    border: 1px solid var(--msl-artwork-grey-300);
    border-radius: 12px
}

.form-control:focus {
    border-color: var(--msl-brand-primary);
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: var(--msl-artwork-grey-600);
    opacity: 1;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400);
    text-overflow: ellipsis!important
}

.form-control::-moz-placeholder {
    color: var(--msl-artwork-grey-600);
    opacity: 1;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400);
    text-overflow: ellipsis!important
}

.form-control:-ms-input-placeholder {
    color: var(--msl-artwork-grey-600);
    opacity: 1;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400);
    text-overflow: ellipsis!important
}

.form-control::-ms-input-placeholder {
    color: var(--msl-artwork-grey-600);
    opacity: 1;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400);
    text-overflow: ellipsis!important
}

.form-control::placeholder {
    color: var(--msl-artwork-grey-600);
    opacity: 1;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400);
    text-overflow: ellipsis!important
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly]:not(.date),fieldset[disabled] .form-control {
    background-color: #d9dbe3;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

@media (max-width: 989px) {
    .form-control::-webkit-input-placeholder {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .form-control::-moz-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .form-control:-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .form-control::-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .form-control,.form-control::placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }
}

.fake-text-form-control {
    font-size: var(--msl-fontSize-16);
    line-height: 1.5
}

@media (max-width: 989px) {
    .fake-text-form-control::-webkit-input-placeholder {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .fake-text-form-control::-moz-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .fake-text-form-control:-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .fake-text-form-control::-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .fake-text-form-control,.fake-text-form-control::placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }
}

textarea.form-control {
    height: auto;
    resize: vertical;
    max-height: 325px
}

input[type=search] {
    -webkit-appearance: textfield
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:48px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],.input-group-sm>.input-group-btn>input.btn[type=date],.input-group-sm>.input-group-btn>input.btn[type=datetime-local],.input-group-sm>.input-group-btn>input.btn[type=month],.input-group-sm>.input-group-btn>input.btn[type=time],.input-group-sm>input.form-control[type=date],.input-group-sm>input.form-control[type=datetime-local],.input-group-sm>input.form-control[type=month],.input-group-sm>input.form-control[type=time],.input-group-sm>input.input-group-addon[type=date],.input-group-sm>input.input-group-addon[type=datetime-local],.input-group-sm>input.input-group-addon[type=month],.input-group-sm>input.input-group-addon[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],.input-group-lg>.input-group-btn>input.btn[type=date],.input-group-lg>.input-group-btn>input.btn[type=datetime-local],.input-group-lg>.input-group-btn>input.btn[type=month],.input-group-lg>.input-group-btn>input.btn[type=time],.input-group-lg>input.form-control[type=date],.input-group-lg>input.form-control[type=datetime-local],.input-group-lg>input.form-control[type=month],.input-group-lg>input.form-control[type=time],.input-group-lg>input.input-group-addon[type=date],.input-group-lg>input.input-group-addon[type=datetime-local],.input-group-lg>input.input-group-addon[type=month],.input-group-lg>input.input-group-addon[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.form-group-100 {
    width: 100%!important
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: var(--msl-fontWeight-400);
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: var(--msl-fontWeight-400);
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,.form-control-static.input-sm,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: var(--msl-fontSize-12);
    line-height: 1.5;
    border-radius: 12px
}

.input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm>.input-group-btn>select.btn[multiple],.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select.form-control[multiple],.input-group-sm>select.input-group-addon[multiple],.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: var(--msl-fontSize-12);
    line-height: 1.5;
    border-radius: 12px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 20pxvar(--msl-fontSize-12);
    padding: 6px 10px;
    font-size: var(--msl-fontSize-12);
    line-height: 1.5
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: var(--msl-fontSize-18);
    line-height: 1.33333;
    border-radius: 12px
}

.input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg {
    height: 46px;
    line-height: 46px
}

.input-group-lg>.input-group-btn>select.btn[multiple],.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select.form-control[multiple],.input-group-lg>select.input-group-addon[multiple],.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: var(--msl-fontSize-18);
    line-height: 1.33333;
    border-radius: 12px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 20pxvar(--msl-fontSize-18);
    padding: 11px 16px;
    font-size: var(--msl-fontSize-18);
    line-height: 1.33333
}

.has-clear,.has-feedback {
    position: relative
}

.has-clear .form-control,.has-feedback .form-control {
    padding-right: 60px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #008037
}

.has-success .form-control {
    border-color: #008037;
    color: #008037
}

.has-success .form-control:focus {
    border-color: #008037;
    color: #008037
}

.has-success .input-group-addon {
    color: #008037;
    border-color: #008037;
    background-color: #44ac6026
}

.has-success .form-control-feedback {
    color: #008037
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #c85207
}

.has-warning .form-control {
    border-color: #c85207;
    color: #c85207
}

.has-warning .form-control:focus {
    border-color: #c85207;
    color: #c85207
}

.has-warning .input-group-addon {
    color: #c85207;
    border-color: #c85207;
    background-color: #f8824b26
}

.has-warning .form-control-feedback {
    color: #c85207
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #ca2f2e
}

.has-error .form-control {
    border-color: #ca2f2e;
    color: #ca2f2e
}

.has-error .form-control:focus {
    border-color: #ca2f2e;
    color: #ca2f2e
}

.has-error .input-group-addon {
    color: #ca2f2e;
    border-color: #ca2f2e;
    background-color: #f26a6326
}

.has-error .form-control-feedback {
    color: #ca2f2e
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #475d7f
}

@media (min-width: 650px) {
    .form-inline .form-group,.form-inline .input-field {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        border: none;
        width: auto
    }

    .form-inline .input-group .input-group-addon {
        background-color: #fff;
        color: var(--msl-brand-primary)
    }

    .form-inline .input-group>input {
        border: none;
        height: 39px!important
    }

    .form-inline .input-group.input-amount .form-control,.form-inline .input-group.input-date .form-control {
        border: 1px solid var(--msl-artwork-grey-300)!important
    }

    .form-inline .input-group.input-amount>input,.form-inline .input-group.input-date>input {
        border: 1px solid var(--msl-artwork-grey-300)!important
    }

    .form-inline .input-group.input-amount>input:focus,.form-inline .input-group.input-date>input:focus {
        border: 1px solid var(--msl-brand-primary)!important
    }

    .form-inline .input-group-100 {
        width: 100%!important
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 32px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:after,.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 650px) {
    .form-horizontal .control-label {
        text-align:right;
        margin-bottom: 0;
        padding-top: 12px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 650px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: var(--msl-fontSize-18)
    }
}

@media (min-width: 650px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px;
        font-size: var(--msl-fontSize-12)
    }
}

.checkbox label,.checkbox-inline label,.radio label,.radio-inline label {
    padding-left: 25px
}

.checkbox input[type=checkbox],.checkbox input[type=radio],.checkbox-inline input[type=checkbox],.checkbox-inline input[type=radio],.radio input[type=checkbox],.radio input[type=radio],.radio-inline input[type=checkbox],.radio-inline input[type=radio] {
    margin-left: -25px
}

.radio input[type=radio],.radio-inline input[type=radio],input[type=radio] {
    margin-top: 6px;
    margin-right: var(--msl-spacing-50);
    vertical-align: top;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.radio input[type=radio]:focus,.radio-inline input[type=radio]:focus,input[type=radio]:focus {
    outline: 0
}

.radio input[type=radio]:after,.radio input[type=radio]:before,.radio-inline input[type=radio]:after,.radio-inline input[type=radio]:before,input[type=radio]:after,input[type=radio]:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: 240ms;
    transition: 240ms
}

.radio input[type=radio]:before,.radio-inline input[type=radio]:before,input[type=radio]:before {
    position: absolute;
    left: 0;
    top: -3px;
    background-color: var(--msl-brand-primary);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.radio input[type=radio]:after,.radio-inline input[type=radio]:after,input[type=radio]:after {
    position: relative;
    top: -3px;
    border: 1px solid var(--msl-artwork-grey-600)
}

.radio input[type=radio]:checked:before,.radio-inline input[type=radio]:checked:before,input[type=radio]:checked:before {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.radio input[type=radio]:disabled:checked:before,.radio-inline input[type=radio]:disabled:checked:before,input[type=radio]:disabled:checked:before {
    background-color: var(--msl-artwork-grey-600)
}

.radio input[type=radio]:checked:after,.radio-inline input[type=radio]:checked:after,input[type=radio]:checked:after {
    border-color: var(--msl-artwork-grey-600)
}

.radio input[type=radio]:disabled:after,.radio input[type=radio]:disabled:checked:after,.radio-inline input[type=radio]:disabled:after,.radio-inline input[type=radio]:disabled:checked:after,input[type=radio]:disabled:after,input[type=radio]:disabled:checked:after {
    border-color: var(--msl-artwork-grey-600)
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],input[type=checkbox] {
    position: relative;
    border: none;
    margin-bottom: -4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.checkbox input[type=checkbox]:focus,.checkbox-inline input[type=checkbox]:focus,input[type=checkbox]:focus {
    outline: 0
}

.checkbox input[type=checkbox]:focus:after,.checkbox-inline input[type=checkbox]:focus:after,input[type=checkbox]:focus:after {
    border-color: var(--msl-brand-primary)
}

.checkbox input[type=checkbox]:after,.checkbox-inline input[type=checkbox]:after,input[type=checkbox]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -2px;
    margin-right: 5px;
    border: 1px solid var(--msl-artwork-grey-600);
    border-radius: 2px;
    -webkit-transition: 240ms;
    transition: 240ms
}

.checkbox input[type=checkbox]:checked:before,.checkbox-inline input[type=checkbox]:checked:before,input[type=checkbox]:checked:before {
    position: absolute;
    top: 0;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid var(--msl-artwork-grey-0);
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox input[type=checkbox]:checked:after,.checkbox-inline input[type=checkbox]:checked:after,input[type=checkbox]:checked:after {
    padding-left: 2px;
    padding-top: 1px;
    background-color: transparent;
    border-color: var(--msl-artwork-grey-600);
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    color: var(--msl-brand-primary);
    content: "\e074"
}

.checkbox input[type=checkbox]:disabled:after,.checkbox-inline input[type=checkbox]:disabled:after,input[type=checkbox]:disabled:after {
    border-color: #666e8a
}

.checkbox input[type=checkbox]:disabled:checked:after,.checkbox-inline input[type=checkbox]:disabled:checked:after,input[type=checkbox]:disabled:checked:after {
    background-color: #666e8a;
    border-color: transparent
}

.input-group-vertical {
    margin-bottom: 10px
}

.input-group-vertical .form-control {
    border-radius: 0
}

.input-group-vertical .form-group {
    margin-bottom: 0
}

.input-group-vertical .form-group:not(:last-child) .form-control:not(:focus) {
    border-bottom-color: transparent
}

.input-group-vertical .form-group:first-child .form-control {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.input-group-vertical .form-group:last-child .form-control {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    top: -2px
}

.input-date>span {
    background-color: transparent;
    border: none;
    width: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.input-date .form-control {
    text-align: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

.input-date .form-control.day {
    width: 30px;
    padding: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.input-date .form-control.month {
    width: 30px;
    padding: 0;
    margin-left: -1px
}

.input-date .form-control.year {
    width: 40px;
    padding: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: -2px
}

.input-amount>span {
    background-color: transparent;
    border: none;
    width: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.input-amount .form-control {
    text-align: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

.input-amount .form-control.integral {
    text-align: right;
    width: 94px;
    padding: 1px var(--msl-spacing-50)
}

.input-amount .form-control.fractional {
    text-align: left;
    width: 30px;
    padding: 1px var(--msl-spacing-50);
    margin-left: -1px
}

div.input-search {
    float: left;
    display: block;
    position: relative
}

div.input-search>span.input-icon {
    color: var(--msl-brand-secondary-400);
    position: absolute;
    top: -10px;
    margin-right: -12px
}

div.input-search>input {
    padding-right: 18px
}

.form-label {
    text-transform: uppercase
}

.form-label-white {
    color: #fff;
    text-transform: uppercase
}

.btn-100 {
    width: 100%!important
}

.encart {
    background-color: var(--msl-brand-primary);
    text-transform: uppercase;
    min-height: 40px;
    line-height: 40px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0);
    padding-left: 10px
}

.add-clear-x {
    color: var(--msl-brand-primary);
    top: 0!important;
    font-size: 24px
}

.has-clear input::-ms-clear {
    display: none
}

.has-clear~.input-field-icon {
    display: none
}

.radio-input {
    position: absolute;
    left: 0;
    margin: 0;
    opacity: 0
}

.radio-input+.radio-label {
    position: relative;
    padding-left: 20px
}

.radio-input+.radio-label:after,.radio-input+.radio-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: 240ms;
    transition: 240ms
}

.radio-input+.radio-label:before {
    border: 1px solid var(--msl-artwork-grey-600);
    background-color: var(--msl-artwork-grey-0)
}

.radio-input+.radio-label:after {
    background-color: var(--msl-brand-secondary-600);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.radio-input:checked+.radio-label:after {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.radio-input:checked:focus+.radio-label {
    outline: 1px solid var(--msl-artwork-grey-1000)
}

.radio-input:disabled:checked+.radio-label:after {
    background-color: var(--msl-artwork-grey-600)
}

.checkbox-input,input[type=checkbox].checkbox-input {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a,.checkbox-input+.checkbox-label {
    position: relative;
    padding-left: 22px
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after,.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before,.checkbox-input+.checkbox-label:after,.checkbox-input+.checkbox-label:before {
    content: "";
    position: absolute;
    -webkit-transition: 240ms;
    transition: 240ms;
    left: 7px;
    top: 8px
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before,.checkbox-input+.checkbox-label:before {
    width: 14px;
    height: 14px;
    margin: -7px;
    border: 1px solid var(--msl-artwork-grey-600);
    border-radius: 2px
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after,.checkbox-input+.checkbox-label:after {
    width: 6px;
    height: 6px;
    margin: -3px;
    background-color: var(--msl-brand-secondary-600);
    opacity: 0
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.selected a:after,.checkbox-input:checked+.checkbox-label:after {
    opacity: 1
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:before,.checkbox-input:disabled+.checkbox-label:before {
    border-color: var(--msl-artwork-grey-600)
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li.disabled a:after,.checkbox-input:disabled+.checkbox-label:after {
    background-color: var(--msl-artwork-grey-600)
}

.GreenBtn-callbackLaterFooter .checkbox-input+.checkbox-label:before {
    background-color: var(--msl-artwork-grey-0);
    border-color: var(--msl-artwork-grey-0)
}

.checkbox-input {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.input-field {
    position: relative;
    margin-bottom: 15px
}

.input-field:last-child {
    margin-bottom: 0
}

.input-field .form-control {
    padding-right: 42px
}

.input-field-action,.input-field-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 48px;
    height: 48px;
    line-height: 48px!important;
    color: var(--msl-brand-primary);
    text-align: center;
    text-decoration: none
}

.input-field-action.npc-add,.input-field-action.npc-magnifer,.input-field-icon.npc-add,.input-field-icon.npc-magnifer {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.input-field-action.npc-close,.input-field-icon.npc-close {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.input-field-icon {
    pointer-events: none
}

.input-field-search-icon {
    right: unset
}

.input-field-action {
    cursor: pointer
}

.input-field-action:focus,.input-field-action:hover {
    color: var(--msl-brand-secondary-500);
    text-decoration: none
}

.input-field--innerLabel .input-field-label {
    position: absolute;
    top: 15px;
    left: 12px;
    z-index: 1;
    margin: 0;
    line-height: 18px;
    text-transform: none;
    font-weight: var(--msl-fontWeight-700);
    font-family: var(--msl-fontFamily-body);
    pointer-events: none
}

.js-InputCounter {
    padding-right: 35px
}

@media (min-width: 650px) {
    .js-InputCounter.form-control {
        padding-right:140px
    }
}

@media (max-width: 649px) {
    .js-InputCounter:focus~.js-CharCounter {
        opacity:1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.js-CharCounter {
    position: absolute;
    top: 0;
    right: 15px;
    height: 42px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    text-align: right;
    color: var(--msl-artwork-grey-600);
    pointer-events: none
}

@media (max-width: 649px) {
    .js-CharCounter {
        opacity:0;
        visibility: hidden;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        -webkit-transition: .3s;
        transition: .3s
    }

    .js-CharCounter span {
        display: none
    }
}

.clearButton {
    position: absolute;
    right: 5%;
    top: 50%;
    font-size: 25px;
    cursor: pointer;
    color: var(--msl-brand-primary)
}

@keyframes loaderDots {
    0%,100% {
        background-color: var(--msl-brand-primary);
        box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-primary)
    }

    25% {
        background-color: var(--msl-brand-secondary-400);
        box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-primary)
    }

    50% {
        background-color: var(--msl-brand-primary);
        box-shadow: 1.3em 0 0 var(--msl-brand-secondary-400),2.6em 0 0 var(--msl-brand-primary)
    }

    75% {
        background-color: var(--msl-brand-primary);
        box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-secondary-400)
    }
}

.loader {
    font-size: 4px;
    line-height: 1
}

.loader:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 4px;
    margin-right: 2.6em;
    border-radius: 50%;
    background-color: var(--msl-brand-primary);
    box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-primary);
    -webkit-animation: .75s linear infinite alternate loaderDots;
    animation: .75s linear infinite alternate loaderDots;
    font-size: inherit
}

.loader--big {
    font-size: 8px
}

.loader--biggest {
    height: 50px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.loader--left {
    text-align: left
}

.loader--center {
    text-align: center
}

.loader--right {
    text-align: right
}

.loader--modal {
    display: none;
    position: fixed;
    font-size: 50px;
    top: 50%;
    left: 50%;
    z-index: 99999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.loader-logo {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden
}

.loader-logo .spinner {
    height: 200px;
    width: 200px;
    -webkit-animation: 2s linear infinite rotate;
    animation: 2s linear infinite rotate;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.loader-logo .spinner .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: 1.5s ease-in-out infinite dash;
    animation: 1.5s ease-in-out infinite dash;
    stroke-linecap: round;
    stroke: var(--msl-brand-secondary-100)
}

.loader-logo .logo {
    content: var(--brand-logo);
    height: 100px;
    width: 100px
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.CarouselActu.owl-carousel .owl-dots,.CarouselVideoPlayer.owl-carousel .owl-dots,.PartnerEntities-carousel.owl-loaded .owl-dots,.PushPage-items.owl-loaded .owl-dots,.StockIndicesKE.owl-loaded .owl-dots,.pushMultiple-list.owl-loaded .owl-dots {
    text-align: center
}

.CarouselActu.owl-carousel .owl-dot,.CarouselVideoPlayer.owl-carousel .owl-dot,.PartnerEntities-carousel.owl-loaded .owl-dot,.PushPage-items.owl-loaded .owl-dot,.StockIndicesKE.owl-loaded .owl-dot,.pushMultiple-list.owl-loaded .owl-dot {
    background: var(--msl-brand-primary);
    border-radius: 50%;
    border: 2px solid var(--msl-brand-primary);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 3px;
    padding: 0;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 12px
}

.CarouselActu.owl-carousel .owl-dot:focus:not(.active),.CarouselActu.owl-carousel .owl-dot:hover:not(.active),.CarouselVideoPlayer.owl-carousel .owl-dot:focus:not(.active),.CarouselVideoPlayer.owl-carousel .owl-dot:hover:not(.active),.PartnerEntities-carousel.owl-loaded .owl-dot:focus:not(.active),.PartnerEntities-carousel.owl-loaded .owl-dot:hover:not(.active),.PushPage-items.owl-loaded .owl-dot:focus:not(.active),.PushPage-items.owl-loaded .owl-dot:hover:not(.active),.StockIndicesKE.owl-loaded .owl-dot:focus:not(.active),.StockIndicesKE.owl-loaded .owl-dot:hover:not(.active),.pushMultiple-list.owl-loaded .owl-dot:focus:not(.active),.pushMultiple-list.owl-loaded .owl-dot:hover:not(.active) {
    background: rgba(0,116,97,.8)
}

.CarouselActu.owl-carousel .owl-dot.active,.CarouselVideoPlayer.owl-carousel .owl-dot.active,.PartnerEntities-carousel.owl-loaded .owl-dot.active,.PushPage-items.owl-loaded .owl-dot.active,.StockIndicesKE.owl-loaded .owl-dot.active,.pushMultiple-list.owl-loaded .owl-dot.active {
    background: 0 0
}

.owl-nav.disabled {
    display: none
}

.PushPage-items.owl-loaded .owl-stage-outer {
    overflow: hidden
}

.PushPage-items.owl-loaded .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

@media screen and (min-width: 1170px) {
    .js-Template-head {
        min-height:600px
    }
}

.ColLeft--primary .ColLeft-content {
    background-color: var(--msl-brand-primary)
}

@media (min-width: 990px) and (max-width:1400px) {
    .col-md-4 .callGreenBtnBloc {
        padding:45px 55px
    }

    .col-md-4 .callGreenBtnBloc-text {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }

    .col-md-4 .callGreenBtnBloc-chatIcon {
        font-size: 9px
    }

    .col-md-4 .callGreenBtnBloc-chatSvg {
        width: 65px;
        height: 65px
    }

    .col-md-4 .callGreenBtnBloc-link {
        white-space: nowrap
    }
}

.js-FullHeight {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 350px;
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
    overflow: hidden
}

@media screen and (max-width: 989px) {
    .js-FullHeight {
        min-height:550px;
        height: auto
    }
}

.js-FullHeight>.parsys {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.js-FullHeight>.parsys:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.js-FullHeight>.parsys>.section {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.js-FullHeight>.parsys .campaign,.js-FullHeight>.parsys .campaign>div:first-child,.js-FullHeight>.parsys .componentZdg,.js-FullHeight>.parsys .parbase {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%
}

.js-FullHeight>.parsys .campaign:first-child,.js-FullHeight>.parsys .campaign>div:first-child:first-child,.js-FullHeight>.parsys .componentZdg:first-child,.js-FullHeight>.parsys .parbase:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.js-FullHeight>.parbase {
    width: 100%
}

.js-FullHeight>.parsys>.section.new {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.js-FullHeight .PushCarousel3,.js-FullHeight .PushCarousel3-carousel {
    height: 100%
}

.js-FullHeight .componentZdg {
    width: 100%
}

.js-FullHeight--removeMinHeight {
    min-height: initial
}

.new-zdg-supprimable {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    min-height: 350px
}

.new-zdg-supprimable>div:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.new-zdg-supprimable .componentZdg .PushCarousel3 .PushCarousel3-carousel .PushCarousel3-carouselInner {
    min-height: 350px
}

.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .Etapier-background,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .Etapier-backgroundWrapper,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-background,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-backgroundWrapper,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .VideoPlayer,.js-fullHeight--hasDelta>.parsys:first-child .ArticleDetail,.js-fullHeight--hasDelta>.parsys:first-child .Etapier-backgroundWrapper,.js-fullHeight--hasDelta>.parsys:first-child .PushCarousel5,.js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-backgroundWrapper,.js-fullHeight--hasDelta>.parsys:first-child .PushDidYouKnow-background,.js-fullHeight--hasDelta>.parsys:first-child .PushLeftZone-backgroundWrapper,.js-fullHeight--hasDelta>.parsys:first-child .PushNinePos,.js-fullHeight--hasDelta>.parsys:first-child .componentZdg .Etapier-background,.js-fullHeight--hasDelta>.parsys:first-child .componentZdg .PushCommunication-background,.js-fullHeight--hasDelta>.parsys:first-child .componentZdg .VideoPlayer {
    margin-top: -60px;
    padding-top: 60px;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

@media screen and (max-width: 989px) {
    .componentZdg .js-fullHeight--hasDelta>.parsys:first-child .Etapier-background,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .Etapier-backgroundWrapper,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-background,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-backgroundWrapper,.componentZdg .js-fullHeight--hasDelta>.parsys:first-child .VideoPlayer,.js-fullHeight--hasDelta>.parsys:first-child .ArticleDetail,.js-fullHeight--hasDelta>.parsys:first-child .Etapier-backgroundWrapper,.js-fullHeight--hasDelta>.parsys:first-child .PushCarousel5,.js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-backgroundWrapper,.js-fullHeight--hasDelta>.parsys:first-child .PushDidYouKnow-background,.js-fullHeight--hasDelta>.parsys:first-child .PushLeftZone-backgroundWrapper,.js-fullHeight--hasDelta>.parsys:first-child .PushNinePos,.js-fullHeight--hasDelta>.parsys:first-child .componentZdg .Etapier-background,.js-fullHeight--hasDelta>.parsys:first-child .componentZdg .PushCommunication-background,.js-fullHeight--hasDelta>.parsys:first-child .componentZdg .VideoPlayer {
        margin-top:0;
        padding-top: 0
    }
}

.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .ArticleDetail,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .Etapier-backgroundWrapper,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .PushCarousel5,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-backgroundWrapper,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .PushDidYouKnow-background,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .PushLeftZone-backgroundWrapper,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .PushNinePos,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .componentZdg .Etapier-background,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .componentZdg .PushCommunication-background,.aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .componentZdg .VideoPlayer,.componentZdg .aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .Etapier-background,.componentZdg .aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .PushCommunication-background,.componentZdg .aem-AuthorLayer-Edit .js-fullHeight--hasDelta>.parsys:first-child .VideoPlayer {
    margin-top: 0;
    padding-top: 0
}

.Template iframe {
    border: none
}

.Template {
    position: relative;
    z-index: 1;
    margin-top: 120px
}

@media screen and (max-width: 989px) {
    .Template {
        margin-top:60px
    }
}

@media print {
    .Template {
        margin-top: 0!important
    }
}

.Template.connected {
    margin-top: 60px
}

.Template-splitMinHeight50 .C112 {
    height: 100%
}

.Template-reduceMargin {
    margin: 10px -5px
}

.Template-reduceMargin15px {
    margin: 0 -15px
}

.Template-margin5px {
    margin: 5px;
    background-color: #fff
}

.Template-marginBot5perc {
    margin-bottom: 5%
}

.Template-padTopBot30px {
    padding-top: 30px;
    padding-bottom: 30px
}

.Template-padBot30px {
    padding-bottom: 30px
}

.Template-headTitle {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .Template-headTitle {
        font-size:var(--msl-fontSize-34)
    }
}

.Template-headIntro {
    font-weight: var(--msl-fontWeight-400)
}

.Template-headPanel {
    position: relative;
    margin: 30px -15px 0;
    padding: 30px 15px;
    text-align: center;
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.Template-headPanel::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent var(--msl-brand-primary)
}

.Template-subtitle {
    margin: 0;
    padding: 0 0 30px;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

@media (min-width: 990px) {
    .Template-partnerEntities {
        overflow:hidden
    }

    .Template-partnerEntities>div {
        float: left
    }

    .Template-partnerEntities>div:first-child {
        width: 56%
    }

    .Template-partnerEntities>div:first-child:last-child {
        width: 100%
    }

    .Template-partnerEntities>div:first-child+div {
        width: 44%
    }

    .Template-partnerEntities>div:nth-last-child(3) {
        width: 100%
    }
}

.Template-padLR {
    padding-left: 5%;
    padding-right: 5%
}

.Template-edito {
    max-width: 66%;
    margin: 0 auto;
    padding: 0 0 5%
}

.Template-edito h1 {
    text-align: center;
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .Template-edito h1 {
        font-size:var(--msl-fontSize-34)
    }
}

.Template-edito h3 {
    margin-bottom: 0;
    font-size: var(--msl-fontSize-16)
}

.Template-edito .RichText {
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.Template-edito .RichText-chapeau {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.Template-edito .ArticleBloc-quote {
    margin-left: 0;
    margin-right: 0
}

.gcb-virtualClick {
    z-index: 10010!important
}

[data-custom-redirect] {
    cursor: pointer
}

.placeholder-2-bis-chalus {
    margin-top: 30px
}

ins.textAdded {
    color: var(--msl-functionnal-success-100);
    background-color: #ff0;
    text-decoration: none
}

del.textRemoved {
    color: var(--msl-functionnal-danger-100)
}

img.imageAdded {
    border: 2px solid var(--msl-functionnal-success-100)
}

img.imageRemoved {
    border: 2px solid var(--msl-functionnal-danger-100)
}

.FormActions {
    margin: 10px auto
}

.FormActions-inner {
    text-align: center;
    margin: -5px -7px
}

.FormActions-btn {
    margin: 5px 7px;
    min-width: 160px
}

.FormActions-btn--back {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10
}

.FormActions-btn--submit {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
    border-width: 1px
}

@media (max-width: 649px) {
    .FormActions-inner {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }
}

.Blog,.Blog-link,.CheckList,.ColumnControl--casA,.ColumnControl--casA-grey,.ColumnControl--casA-white,.ColumnControl--casB,.ColumnControl--casB-grey,.ColumnControl--casB-white,.ColumnControl--casC,.ColumnControl--casC-grey,.ColumnControl--casC-white,.ColumnControl--casD,.ColumnControl--casD-grey,.ColumnControl--casD-white,.ColumnControl--casE,.ColumnControl--casE-grey,.ColumnControl--casE-white,.EDocs-redirectLinkImg,.EDocs-redirectLinkText,.GenericBtn-block,.IncreaseTheCeiling--bgcGray,.NewsFeed,.NewsFeed-bodyCookies .OutputMsg,.OurSolutionToSave,.PartnerEntities-itemLink,.PushAdvice,.PushEdito,.PushInitiatives,.SubscribeBtn-block,.TabsNav--gray .TabsNav-item:not(.active),.Template-backgroundBrandGray01,.bigButton,.pushFaq-linkText,.simpleAccess,.swipableBloc-main {
    background-color: var(--msl-artwork-grey-50)
}

.ProgressBar,.Template-backgroundBrandGray01Darker {
    background-color: var(--msl-artwork-grey-50)
}

.CheckList-stepToggle--FO:before,.CheckList-stepToggle:before,.OurSolutionToSave-blocLink {
    background-color: var(--msl-artwork-grey-0)
}

.CheckList-stepToggle--FO:before,.CheckList-stepToggle:before {
    color: var(--msl-artwork-grey-100)
}

.Blog-link,.Blog-title,.NewsFeed-body,.NewsFeed-header,.TabsNav--gray .TabsNav-item:not(.active),.TabsNav-item--action {
    border-color: var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling--bgcGray .Blog,.IncreaseTheCeiling--bgcGray .Blog-link,.IncreaseTheCeiling--bgcGray .CheckList,.IncreaseTheCeiling--bgcGray .ColumnControl--casA,.IncreaseTheCeiling--bgcGray .ColumnControl--casA-grey,.IncreaseTheCeiling--bgcGray .ColumnControl--casA-white,.IncreaseTheCeiling--bgcGray .ColumnControl--casB,.IncreaseTheCeiling--bgcGray .ColumnControl--casB-grey,.IncreaseTheCeiling--bgcGray .ColumnControl--casB-white,.IncreaseTheCeiling--bgcGray .ColumnControl--casC,.IncreaseTheCeiling--bgcGray .ColumnControl--casC-grey,.IncreaseTheCeiling--bgcGray .ColumnControl--casC-white,.IncreaseTheCeiling--bgcGray .ColumnControl--casD,.IncreaseTheCeiling--bgcGray .ColumnControl--casD-grey,.IncreaseTheCeiling--bgcGray .ColumnControl--casD-white,.IncreaseTheCeiling--bgcGray .ColumnControl--casE,.IncreaseTheCeiling--bgcGray .ColumnControl--casE-grey,.IncreaseTheCeiling--bgcGray .ColumnControl--casE-white,.IncreaseTheCeiling--bgcGray .EDocs-redirectLinkImg,.IncreaseTheCeiling--bgcGray .EDocs-redirectLinkText,.IncreaseTheCeiling--bgcGray .GenericBtn-block,.IncreaseTheCeiling--bgcGray .IncreaseTheCeiling--bgcGray,.IncreaseTheCeiling--bgcGray .NewsFeed,.IncreaseTheCeiling--bgcGray .NewsFeed-bodyCookies .OutputMsg,.IncreaseTheCeiling--bgcGray .OurSolutionToSave,.IncreaseTheCeiling--bgcGray .PartnerEntities-itemLink,.IncreaseTheCeiling--bgcGray .PushAdvice,.IncreaseTheCeiling--bgcGray .PushEdito,.IncreaseTheCeiling--bgcGray .PushInitiatives,.IncreaseTheCeiling--bgcGray .SubscribeBtn-block,.IncreaseTheCeiling--bgcGray .TabsNav--gray .TabsNav-item:not(.active),.IncreaseTheCeiling--bgcGray .Template-backgroundBrandGray01,.IncreaseTheCeiling--bgcGray .bigButton,.IncreaseTheCeiling--bgcGray .pushFaq-linkText,.IncreaseTheCeiling--bgcGray .simpleAccess,.IncreaseTheCeiling--bgcGray .swipableBloc-main,.NewsFeed-bodyCookies .IncreaseTheCeiling--bgcGray .OutputMsg,.NewsFeed-bodyCookies .T007__notfound .OutputMsg,.NewsFeed-bodyCookies .Template-backgroundBrandGray01 .OutputMsg,.T007__notfound .Blog,.T007__notfound .Blog-link,.T007__notfound .CheckList,.T007__notfound .ColumnControl--casA,.T007__notfound .ColumnControl--casA-grey,.T007__notfound .ColumnControl--casA-white,.T007__notfound .ColumnControl--casB,.T007__notfound .ColumnControl--casB-grey,.T007__notfound .ColumnControl--casB-white,.T007__notfound .ColumnControl--casC,.T007__notfound .ColumnControl--casC-grey,.T007__notfound .ColumnControl--casC-white,.T007__notfound .ColumnControl--casD,.T007__notfound .ColumnControl--casD-grey,.T007__notfound .ColumnControl--casD-white,.T007__notfound .ColumnControl--casE,.T007__notfound .ColumnControl--casE-grey,.T007__notfound .ColumnControl--casE-white,.T007__notfound .EDocs-redirectLinkImg,.T007__notfound .EDocs-redirectLinkText,.T007__notfound .GenericBtn-block,.T007__notfound .IncreaseTheCeiling--bgcGray,.T007__notfound .NewsFeed,.T007__notfound .NewsFeed-bodyCookies .OutputMsg,.T007__notfound .OurSolutionToSave,.T007__notfound .PartnerEntities-itemLink,.T007__notfound .PushAdvice,.T007__notfound .PushEdito,.T007__notfound .PushInitiatives,.T007__notfound .SubscribeBtn-block,.T007__notfound .TabsNav--gray .TabsNav-item:not(.active),.T007__notfound .Template-backgroundBrandGray01,.T007__notfound .bigButton,.T007__notfound .pushFaq-linkText,.T007__notfound .simpleAccess,.T007__notfound .swipableBloc-main,.TabsNav--gray .IncreaseTheCeiling--bgcGray .TabsNav-item:not(.active),.TabsNav--gray .T007__notfound .TabsNav-item:not(.active),.TabsNav--gray .Template-backgroundBrandGray01 .TabsNav-item:not(.active),.Template-backgroundBrandGray01 .Blog,.Template-backgroundBrandGray01 .Blog-link,.Template-backgroundBrandGray01 .CheckList,.Template-backgroundBrandGray01 .ColumnControl--casA,.Template-backgroundBrandGray01 .ColumnControl--casA-grey,.Template-backgroundBrandGray01 .ColumnControl--casA-white,.Template-backgroundBrandGray01 .ColumnControl--casB,.Template-backgroundBrandGray01 .ColumnControl--casB-grey,.Template-backgroundBrandGray01 .ColumnControl--casB-white,.Template-backgroundBrandGray01 .ColumnControl--casC,.Template-backgroundBrandGray01 .ColumnControl--casC-grey,.Template-backgroundBrandGray01 .ColumnControl--casC-white,.Template-backgroundBrandGray01 .ColumnControl--casD,.Template-backgroundBrandGray01 .ColumnControl--casD-grey,.Template-backgroundBrandGray01 .ColumnControl--casD-white,.Template-backgroundBrandGray01 .ColumnControl--casE,.Template-backgroundBrandGray01 .ColumnControl--casE-grey,.Template-backgroundBrandGray01 .ColumnControl--casE-white,.Template-backgroundBrandGray01 .EDocs-redirectLinkImg,.Template-backgroundBrandGray01 .EDocs-redirectLinkText,.Template-backgroundBrandGray01 .GenericBtn-block,.Template-backgroundBrandGray01 .IncreaseTheCeiling--bgcGray,.Template-backgroundBrandGray01 .NewsFeed,.Template-backgroundBrandGray01 .NewsFeed-bodyCookies .OutputMsg,.Template-backgroundBrandGray01 .OurSolutionToSave,.Template-backgroundBrandGray01 .PartnerEntities-itemLink,.Template-backgroundBrandGray01 .PushAdvice,.Template-backgroundBrandGray01 .PushEdito,.Template-backgroundBrandGray01 .PushInitiatives,.Template-backgroundBrandGray01 .SubscribeBtn-block,.Template-backgroundBrandGray01 .TabsNav--gray .TabsNav-item:not(.active),.Template-backgroundBrandGray01 .Template-backgroundBrandGray01,.Template-backgroundBrandGray01 .bigButton,.Template-backgroundBrandGray01 .pushFaq-linkText,.Template-backgroundBrandGray01 .simpleAccess,.Template-backgroundBrandGray01 .swipableBloc-main {
    background-color: var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling--bgcGray .CheckList-stepToggle--FO:before,.IncreaseTheCeiling--bgcGray .CheckList-stepToggle:before,.IncreaseTheCeiling--bgcGray .OurSolutionToSave-blocLink,.T007__notfound .CheckList-stepToggle--FO:before,.T007__notfound .CheckList-stepToggle:before,.T007__notfound .OurSolutionToSave-blocLink,.Template-backgroundBrandGray01 .CheckList-stepToggle--FO:before,.Template-backgroundBrandGray01 .CheckList-stepToggle:before,.Template-backgroundBrandGray01 .OurSolutionToSave-blocLink {
    background-color: var(--msl-artwork-grey-50)
}

.IncreaseTheCeiling--bgcGray .CheckList-stepToggle--FO:before,.IncreaseTheCeiling--bgcGray .CheckList-stepToggle:before,.T007__notfound .CheckList-stepToggle--FO:before,.T007__notfound .CheckList-stepToggle:before,.Template-backgroundBrandGray01 .CheckList-stepToggle--FO:before,.Template-backgroundBrandGray01 .CheckList-stepToggle:before {
    color: var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling--bgcGray .Blog-link,.IncreaseTheCeiling--bgcGray .Blog-title,.IncreaseTheCeiling--bgcGray .NewsFeed-body,.IncreaseTheCeiling--bgcGray .NewsFeed-header,.IncreaseTheCeiling--bgcGray .TabsNav--gray .TabsNav-item:not(.active),.IncreaseTheCeiling--bgcGray .TabsNav-item--action,.T007__notfound .Blog-link,.T007__notfound .Blog-title,.T007__notfound .NewsFeed-body,.T007__notfound .NewsFeed-header,.T007__notfound .TabsNav--gray .TabsNav-item:not(.active),.T007__notfound .TabsNav-item--action,.TabsNav--gray .IncreaseTheCeiling--bgcGray .TabsNav-item:not(.active),.TabsNav--gray .T007__notfound .TabsNav-item:not(.active),.TabsNav--gray .Template-backgroundBrandGray01 .TabsNav-item:not(.active),.Template-backgroundBrandGray01 .Blog-link,.Template-backgroundBrandGray01 .Blog-title,.Template-backgroundBrandGray01 .NewsFeed-body,.Template-backgroundBrandGray01 .NewsFeed-header,.Template-backgroundBrandGray01 .TabsNav--gray .TabsNav-item:not(.active),.Template-backgroundBrandGray01 .TabsNav-item--action {
    border-color: var(--msl-artwork-grey-100)
}

.Template-backgroundBrandGray01Darker .ProgressBar,.Template-backgroundBrandGray01Darker .Template-backgroundBrandGray01Darker {
    background-color: var(--msl-artwork-grey-0)
}

.Template-backgroundBrandGray01Darker .CheckList-stepToggle--FO:before,.Template-backgroundBrandGray01Darker .CheckList-stepToggle:before,.Template-backgroundBrandGray01Darker .OurSolutionToSave-blocLink {
    background-color: var(--msl-artwork-grey-50)
}

.TabsNav--gray .Template-backgroundBrandGray01Darker .TabsNav-item:not(.active),.Template-backgroundBrandGray01Darker .Blog-link,.Template-backgroundBrandGray01Darker .Blog-title,.Template-backgroundBrandGray01Darker .NewsFeed-body,.Template-backgroundBrandGray01Darker .NewsFeed-header,.Template-backgroundBrandGray01Darker .TabsNav--gray .TabsNav-item:not(.active),.Template-backgroundBrandGray01Darker .TabsNav-item--action {
    border-color: var(--msl-artwork-grey-100)
}

.TabsNav {
    display: table;
    width: 100%;
    table-layout: fixed
}

.TabsNav-item {
    position: relative;
    display: table-cell;
    height: 60px;
    padding: 5px;
    color: var(--msl-artwork-grey-0);
    font-weight: var(--msl-fontWeight-700);
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background: var(--msl-brand-primary)
}

.TabsNav-item:focus,.TabsNav-item:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.TabsNav-item.active {
    background: var(--msl-brand-secondary-500)
}

.TabsNav-item.active:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 0;
    border-top-color: var(--msl-brand-secondary-500)
}

.TabsNav-item.disabled {
    background: var(--msl-artwork-grey-600);
    cursor: not-allowed
}

.TabsNav-item.disabled:after {
    border-top-color: var(--msl-artwork-grey-600)
}

.TabsNav-item--action {
    width: 60px
}

.TabsNav-item--action:before {
    font-size: var(--msl-fontSize-11)
}

.TabsNav-item--prev {
    border-right-width: 1px;
    border-right-style: solid
}

.TabsNav-item--prev:before {
    content: ""
}

.TabsNav-item--next {
    border-left-width: 1px;
    border-left-style: solid
}

.TabsNav-item--next:before {
    content: ""
}

.TabsNav-item--hidden {
    display: none!important
}

.flexbox .TabsNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.flexbox .TabsNav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0
}

.flexbox .TabsNav-item--action {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-basis: 60px;
    flex-basis: 60px
}

.TabsNav--gray .TabsNav-item:not(.active) {
    color: var(--msl-artwork-grey-600);
    border-left-width: 1px;
    border-left-style: solid
}

.TabsNav--gray .TabsNav-item.active:not(.TabsNav-item--hidden)+.TabsNav-item {
    border-left-width: 0
}

.TabsNav--gray .TabsNav-item--prev {
    border-right: 0
}

.ProgressBar {
    position: relative;
    height: 10px;
    margin: 10px 0;
    padding-left: 10px;
    border-radius: 5px;
    overflow: hidden
}

.ProgressBar-inner {
    height: 100%;
    margin-left: -10px;
    padding-left: 10px;
    background: var(--msl-brand-primary);
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.ProgressBar--empty .ProgressBar-inner {
    opacity: 0
}

.ProgressBar--vertical {
    position: relative;
    height: 100%;
    width: 10px;
    margin: 0
}

.ProgressBar--vertical .ProgressBar {
    margin: 10px 0 8.5px
}

.ProgressBar--vertical .ProgressBar-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.ProgressBar--small {
    height: 5px;
    margin: 5px 0;
    padding-left: 5px
}

.ProgressBar--small .ProgressBar-inner {
    margin-left: -5px;
    padding-left: 5px
}

.Dispatch {
    display: table;
    width: 100%;
    table-layout: fixed
}

.Dispatch-item {
    position: relative;
    display: table-cell;
    padding: 5px 5px var(--msl-spacing-50);
    height: 60px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400);
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

.Dispatch-item,.Dispatch-item:focus,.Dispatch-item:hover {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.Dispatch-item:focus {
    color: var(--msl-brand-primary)
}

.Dispatch-item.active {
    color: var(--msl-brand-primary);
    padding-bottom: 0;
    border-bottom: 5px solid var(--msl-brand-primary);
    font-size: var(--msl-fontSize-28)
}

.Dispatch-item.active:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin: var(--msl-spacing-50) -10px 0;
    border: 10px solid transparent;
    border-bottom: 0;
    border-top-color: var(--msl-brand-primary)
}

.flexbox .Dispatch {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.flexbox .Dispatch-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0
}

.register.parsys .texte.section {
    padding: 25px 0
}

.RichText,.texte.cq-Editable-dom,.texte.section {
    display: block
}

.RichText .texte.section,.texte.cq-Editable-dom .texte.section,.texte.section .texte.section {
    padding: 0
}

.RichText,.texte.cq-Editable-dom .richtext-container,.texte.section {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    padding: 25px 5%
}

.RichText a:active,.texte.cq-Editable-dom .richtext-container a:active,.texte.section a:active {
    color: var(--msl-text-primary-pressed)
}

.RichText a:hover,.texte.cq-Editable-dom .richtext-container a:hover,.texte.section a:hover {
    color: var(--msl-text-primary-hover)
}

.RichText>*,.texte.cq-Editable-dom .richtext-container>*,.texte.section>* {
    outline: 0
}

.RichText h1,.texte.cq-Editable-dom .richtext-container h1,.texte.section h1 {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .RichText h1,.texte.cq-Editable-dom .richtext-container h1,.texte.section h1 {
        font-size:var(--msl-fontSize-34)
    }
}

.RichText h2,.texte.cq-Editable-dom .richtext-container h2,.texte.section h2 {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.RichText h3,.texte.cq-Editable-dom .richtext-container h3,.texte.section h3 {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.RichText .h1 a,.RichText .h1 a:focus,.RichText .h1 a:hover,.RichText .h2 a,.RichText .h2 a:focus,.RichText .h2 a:hover,.RichText .h3 a,.RichText .h3 a:focus,.RichText .h3 a:hover,.RichText h1 a,.RichText h1 a:focus,.RichText h1 a:hover,.RichText h2 a,.RichText h2 a:focus,.RichText h2 a:hover,.RichText h3 a,.RichText h3 a:focus,.RichText h3 a:hover,.texte.cq-Editable-dom .richtext-container .h1 a,.texte.cq-Editable-dom .richtext-container .h1 a:focus,.texte.cq-Editable-dom .richtext-container .h1 a:hover,.texte.cq-Editable-dom .richtext-container .h2 a,.texte.cq-Editable-dom .richtext-container .h2 a:focus,.texte.cq-Editable-dom .richtext-container .h2 a:hover,.texte.cq-Editable-dom .richtext-container .h3 a,.texte.cq-Editable-dom .richtext-container .h3 a:focus,.texte.cq-Editable-dom .richtext-container .h3 a:hover,.texte.cq-Editable-dom .richtext-container h1 a,.texte.cq-Editable-dom .richtext-container h1 a:focus,.texte.cq-Editable-dom .richtext-container h1 a:hover,.texte.cq-Editable-dom .richtext-container h2 a,.texte.cq-Editable-dom .richtext-container h2 a:focus,.texte.cq-Editable-dom .richtext-container h2 a:hover,.texte.cq-Editable-dom .richtext-container h3 a,.texte.cq-Editable-dom .richtext-container h3 a:focus,.texte.cq-Editable-dom .richtext-container h3 a:hover,.texte.section .h1 a,.texte.section .h1 a:focus,.texte.section .h1 a:hover,.texte.section .h2 a,.texte.section .h2 a:focus,.texte.section .h2 a:hover,.texte.section .h3 a,.texte.section .h3 a:focus,.texte.section .h3 a:hover,.texte.section h1 a,.texte.section h1 a:focus,.texte.section h1 a:hover,.texte.section h2 a,.texte.section h2 a:focus,.texte.section h2 a:hover,.texte.section h3 a,.texte.section h3 a:focus,.texte.section h3 a:hover {
    color: inherit;
    text-decoration: none
}

.RichText .UnorderedList,.RichText ul,.texte.cq-Editable-dom .richtext-container .UnorderedList,.texte.cq-Editable-dom .richtext-container ul,.texte.section .UnorderedList,.texte.section ul {
    display: table
}

.RichText .UnorderedList.UnorderedList--middle,.RichText ul.UnorderedList--middle,.texte.cq-Editable-dom .richtext-container .UnorderedList.UnorderedList--middle,.texte.cq-Editable-dom .richtext-container ul.UnorderedList--middle,.texte.section .UnorderedList.UnorderedList--middle,.texte.section ul.UnorderedList--middle {
    margin: 0 auto
}

.RichText .UnorderedList.UnorderedList--right,.RichText ul.UnorderedList--right,.texte.cq-Editable-dom .richtext-container .UnorderedList.UnorderedList--right,.texte.cq-Editable-dom .richtext-container ul.UnorderedList--right,.texte.section .UnorderedList.UnorderedList--right,.texte.section ul.UnorderedList--right {
    margin-left: auto
}

.richtext-container .rte-popover[data-id=styles] .rte-toolbar-list {
    line-height: 1.5;
    width: 24.5rem
}

.richtext-container button[data-action="colorstyles#npc-msl-color-text"] .coral3-BasicList-item-content,.richtext-container button[data-action="colorstyles#npc-msl-color-text-reverse"] .coral3-BasicList-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.richtext-container button[data-action="colorstyles#npc-msl-color-text"] .coral3-BasicList-item-content:before,.richtext-container button[data-action="colorstyles#npc-msl-color-text-reverse"] .coral3-BasicList-item-content:before {
    content: " ";
    width: 12px;
    height: 12px;
    border: 1px solid #8b8b8b;
    display: block;
    margin-right: 8px
}

.richtext-container button[data-action="colorstyles#npc-msl-color-text"] .coral3-BasicList-item-content:before {
    background: var(--msl-text)
}

.richtext-container button[data-action="colorstyles#npc-msl-color-text-reverse"] .coral3-BasicList-item-content:before {
    background: var(--msl-text-reverse)
}

.richtext-container .cq-RichText-editable {
    min-height: 300px
}

.richtext-container .cq-RichText-editable.coral--dark,.richtext-container .cq-RichText-editable.coral--light {
    line-height: 1.5;
    font-family: var(--msl-fontFamily-body);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container .cq-RichText-editable.coral--dark p,.richtext-container .cq-RichText-editable.coral--light p {
    margin-top: 0;
    margin-bottom: 10px
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xxl"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .richtext-container button[data-action="styles#npc-msl-titre-font-size-xxl"] .coral3-BasicList-item-content:after {
        font-size:var(--msl-fontSize-34)
    }
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xl"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-l"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-m"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-s"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xs"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xxs"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xxl semi-bold"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 989px) {
    .richtext-container button[data-action="styles#npc-msl-titre-font-size-xxl semi-bold"] .coral3-BasicList-item-content:after {
        font-size:var(--msl-fontSize-34)
    }
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xl semi-bold"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-l semi-bold"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-m semi-bold"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-s semi-bold"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xs semi-bold"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xxs semi-bold"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xxl normal"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 989px) {
    .richtext-container button[data-action="styles#npc-msl-titre-font-size-xxl normal"] .coral3-BasicList-item-content:after {
        font-size:var(--msl-fontSize-34)
    }
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xl normal"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-l normal"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-m normal"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-s normal"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xs normal"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-titre-font-size-xxs normal"] .coral3-BasicList-item-content:after {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-xl normal"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-l normal"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-m normal"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-s normal"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-xl semi-bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-l semi-bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-m semi-bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-s semi-bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-xl bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-l bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-m bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700)
}

.richtext-container button[data-action="styles#npc-msl-text-font-size-s bold"] .coral3-BasicList-item-content:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700)
}

.Accordions .texte.section,.AgencyAddress .texte.section,.AlertBanner .texte.section,.Animation-breathing .texte.section,.AppStoreCA .texte.section,.ArticleBloc .texte.section,.ArticleDetail .texte.section,.AssociatedProducts .texte.section,.AssociatedSolutions .texte.section,.BlocEpargne .texte.section,.BlockLink .texte.section,.Blog .texte.section,.Breadcrumb .texte.section,.C012 .texte.section,.C109 .texte.section,.C112 .texte.section,.C112--whiteBg .texte.section,.C142 .texte.section,.C174 .texte.section,.Captcha .texte.section,.Card .texte.section,.CardsDashboardSearch-form .texte.section,.CardsDashboardSearch-research .texte.section,.CarouselActu .texte.section,.Chapters .texte.section,.CheckList .texte.section,.Citation .texte.section,.ClosestAgency .texte.section,.ComplementarySolutions .texte.section,.CookieHeadband .texte.section,.CourseProject .texte.section,.CourseProjectFixed .texte.section,.CustomMessage .texte.section,.CustomMessage-main .texte.section,.DefectiveComponent .texte.section,.DetailsOffre .texte.section,.Dispatch .texte.section,.EDocs .texte.section,.EDocsSearch .texte.section,.ES-MainNav .texte.section,.ES-Themes .texte.section,.ES-join-projectsBloc .texte.section,.Error404 .texte.section,.Essential .texte.section,.Etapier .texte.section,.FastAccess .texte.section,.FieldEdit .texte.section,.FindAgency .texte.section,.FirstLogin-main .texte.section,.FirstLogin-pearls .texte.section,.Footer .texte.section,.FormActions .texte.section,.GenericBtn-block .texte.section,.GeolocationDisabled .texte.section,.GeolocationEnabled .texte.section,.Header .texte.section,.HeaderAlternate .texte.section,.HeaderP400 .texte.section,.HeaderSticky .texte.section,.HeaderVisuel .texte.section,.HubAccounts .texte.section,.IncreaseTheCeilingParent .texte.section,.LandscapeMessage .texte.section,.LayerNav .texte.section,.LegalNotice .texte.section,.MainNav .texte.section,.MarketPartner .texte.section,.Messagerie .texte.section,.MidFooterLink .texte.section,.Modal .texte.section,.Modules .texte.section,.MyAgency .texte.section,.MySupportingDocuments .texte.section,.NavFO .texte.section,.NewsFeed .texte.section,.OnFooter .texte.section,.OurSolutionToSave .texte.section,.OutputMsg .texte.section,.Pagination .texte.section,.PartnerEntities .texte.section,.PdfViewer .texte.section,.PopinMag .texte.section,.ProgressBar .texte.section,.ProjectBand .texte.section,.PushAccomp .texte.section,.PushAdvice .texte.section,.PushCarousel3 .texte.section,.PushCarousel5 .texte.section,.PushCommunication .texte.section,.PushDidYouKnow .texte.section,.PushEdito .texte.section,.PushInitiatives .texte.section,.PushMyBank .texte.section,.PushNeedHelp .texte.section,.PushNinePos .texte.section,.PushPage .texte.section,.PushService .texte.section,.PushSimulator .texte.section,.ResponsiveTable tr td span .texte.section,.Richtext.section tr td span .texte.section,.RowControl .texte.section,.Share .texte.section,.SimilarSolutions .texte.section,.SituationAnalyze .texte.section,.StockIndices .texte.section,.StoreLocatorPopIn-geolocationDisabled .texte.section,.SubscribeBtn-block .texte.section,.T006 .T006__result .texte.section,.T006 .texte.section,.T007 .texte.section,.T007__answers .texte.section,.T007__notfound .Faq-frequently .texte.section,.Table .texte.section,.TableSort-wrapper .texte.section,.TabsNav .texte.section,.TechnicalError .texte.section,.Themes .texte.section,.TopFooterSocial .texte.section,.VideoPlayer .texte.section,.Warning .texte.section,.WelcomeMsg .texte.section,.alphabetList .texte.section,.alphabetNav .texte.section,.backtop .texte.section,.bandeau-50-50 .texte.section,.bigButton .texte.section,.callGreenBtnBloc .texte.section,.cardMagArticle .texte.section,.cardMagFilter .texte.section,.cardMagSocial .texte.section,.combo-group .texte.section,.comparateur-offre .comparateur-offre-contenuRichText .texte.section,.encart-2 .texte.section,.internal-menu .texte.section,.list-links .texte.section,.modal .texte.section,.panel-combo .texte.section,.panel-group .texte.section,.pearls .texte.section,.pushFaq .texte.section,.pushMultiple .texte.section,.simpleAccess .texte.section,.simpleAccess--primary .texte.section,.simpleAccesses .texte.section,.simpleAccesses--double .texte.section,.simpleAccesses--double-md .texte.section,.simpleAccesses--double-sm .texte.section,.simpleAccesses--faq .texte.section,.swipableBloc .texte.section,.texte tr td span .texte.section {
    padding: 0
}

.RichText .h1,.richtext-container .h1,.texte.cq-Editable-dom .h1,.texte.section .h1 {
    font: normal var(--msl-fontWeight-700) 40px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .h2,.richtext-container .h2,.texte.cq-Editable-dom .h2,.texte.section .h2 {
    font: normal var(--msl-fontWeight-400) 23px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-titre2Blanc,.RichText-titre2Blanc,.richtext-container .RichText-titre2Blanc,.texte.cq-Editable-dom .RichText-titre2Blanc,.texte.section .RichText-titre2Blanc {
    font: normal var(--msl-fontWeight-700) 40px var(--msl-fontFamily-body);
    color: var(--msl-artwork-grey-0);
    text-transform: none
}

.RichText .h3,.richtext-container .h3,.texte.cq-Editable-dom .h3,.texte.section .h3 {
    font: normal var(--msl-fontWeight-700) 18px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-titre3Blanc,.RichText-titre3Blanc,.richtext-container .RichText-titre3Blanc,.texte.cq-Editable-dom .RichText-titre3Blanc,.texte.section .RichText-titre3Blanc {
    font: normal var(--msl-fontWeight-700) 18px var(--msl-fontFamily-body);
    color: var(--msl-artwork-grey-0);
    text-transform: none
}

.RichText .RichText-lienCourant,.RichText-lienCourant,.richtext-container .RichText-lienCourant,.texte.cq-Editable-dom .RichText-lienCourant,.texte.section .RichText-lienCourant {
    font: normal var(--msl-fontWeight-600) 17px var(--msl-fontFamily-body);
    color: var(--msl-brand-primary);
    text-transform: none;
    text-decoration: underline
}

.RichText .RichText-grosTitre,.RichText-grosTitre,.richtext-container .RichText-grosTitre,.texte.cq-Editable-dom .RichText-grosTitre,.texte.section .RichText-grosTitre {
    font: normal var(--msl-fontWeight-400) 60px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-titreProjet,.RichText-titreProjet,.richtext-container .RichText-titreProjet,.texte.cq-Editable-dom .RichText-titreProjet,.texte.section .RichText-titreProjet {
    font: normal var(--msl-fontWeight-400) 24px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-titreBlanc,.RichText .RichText-titreComposant,.RichText-titreBlanc,.RichText-titreComposant,.richtext-container .RichText-titreBlanc,.richtext-container .RichText-titreComposant,.texte.cq-Editable-dom .RichText-titreBlanc,.texte.cq-Editable-dom .RichText-titreComposant,.texte.section .RichText-titreBlanc,.texte.section .RichText-titreComposant {
    font: normal var(--msl-fontWeight-400) 23px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-titreBlanc,.RichText-titreBlanc,.richtext-container .RichText-titreBlanc,.texte.cq-Editable-dom .RichText-titreBlanc,.texte.section .RichText-titreBlanc {
    color: var(--msl-artwork-grey-0)
}

.RichText .RichText-titreBlanc a,.RichText-titreBlanc a,.richtext-container .RichText-titreBlanc a,.texte.cq-Editable-dom .RichText-titreBlanc a,.texte.section .RichText-titreBlanc a {
    color: var(--msl-artwork-grey-0);
    text-decoration: underline
}

.RichText .RichText-chapeau,.RichText-chapeau,.richtext-container .RichText-chapeau,.texte.cq-Editable-dom .RichText-chapeau,.texte.section .RichText-chapeau {
    font: italic var(--msl-fontWeight-400) 17px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-legal,.RichText-legal,.richtext-container .RichText-legal,.texte.cq-Editable-dom .RichText-legal,.texte.section .RichText-legal {
    font: normal var(--msl-fontWeight-400) 12px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-legalBlanc,.RichText-legalBlanc,.richtext-container .RichText-legalBlanc,.texte.cq-Editable-dom .RichText-legalBlanc,.texte.section .RichText-legalBlanc {
    font: normal var(--msl-fontWeight-400) 12px var(--msl-fontFamily-body);
    color: var(--msl-artwork-grey-0);
    text-transform: none
}

.RichText .RichText-legalBlanc a,.RichText-legalBlanc a,.richtext-container .RichText-legalBlanc a,.texte.cq-Editable-dom .RichText-legalBlanc a,.texte.section .RichText-legalBlanc a {
    color: var(--msl-artwork-grey-0);
    text-decoration: underline
}

.RichText .RichText-emphase,.RichText-emphase,.richtext-container .RichText-emphase,.texte.cq-Editable-dom .RichText-emphase,.texte.section .RichText-emphase {
    font: normal var(--msl-fontWeight-400) 20px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-emphaseBlanc,.RichText-emphaseBlanc,.richtext-container .RichText-emphaseBlanc,.texte.cq-Editable-dom .RichText-emphaseBlanc,.texte.section .RichText-emphaseBlanc {
    font: normal var(--msl-fontWeight-400) 35px var(--msl-fontFamily-body);
    color: var(--msl-artwork-grey-0);
    text-transform: none;
    text-decoration: none
}

.RichText .RichText-emphaseBlanc a,.RichText-emphaseBlanc a,.richtext-container .RichText-emphaseBlanc a,.texte.cq-Editable-dom .RichText-emphaseBlanc a,.texte.section .RichText-emphaseBlanc a {
    color: var(--msl-artwork-grey-0);
    text-decoration: underline
}

.RichText .RichText-texteVignettes,.RichText-texteVignettes,.richtext-container .RichText-texteVignettes,.texte.cq-Editable-dom .RichText-texteVignettes,.texte.section .RichText-texteVignettes {
    font: normal var(--msl-fontWeight-600) 12px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-texteVignettes a,.RichText-texteVignettes a,.richtext-container .RichText-texteVignettes a,.texte.cq-Editable-dom .RichText-texteVignettes a,.texte.section .RichText-texteVignettes a {
    color: var(--msl-brand-primary);
    text-decoration: underline
}

.RichText .RichText-focusBlanc,.RichText-focusBlanc,.richtext-container .RichText-focusBlanc,.texte.cq-Editable-dom .RichText-focusBlanc,.texte.section .RichText-focusBlanc {
    font: normal var(--msl-fontWeight-400) 20px var(--msl-fontFamily-body);
    color: var(--msl-artwork-grey-0);
    text-transform: none
}

.RichText .RichText-focusBlanc a,.RichText-focusBlanc a,.richtext-container .RichText-focusBlanc a,.texte.cq-Editable-dom .RichText-focusBlanc a,.texte.section .RichText-focusBlanc a {
    color: var(--msl-artwork-grey-0);
    text-decoration: underline
}

.RichText .RichText-textePartenaire,.RichText-textePartenaire,.richtext-container .RichText-textePartenaire,.texte.cq-Editable-dom .RichText-textePartenaire,.texte.section .RichText-textePartenaire {
    font: normal var(--msl-fontWeight-400) 12px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-numerique,.RichText-numerique,.richtext-container .RichText-numerique,.texte.cq-Editable-dom .RichText-numerique,.texte.section .RichText-numerique {
    font: normal var(--msl-fontWeight-600) 13px var(--msl-fontFamily-body);
    color: #19212d;
    text-transform: none
}

.RichText .RichText-discret,.RichText-discret,.richtext-container .RichText-discret,.texte.cq-Editable-dom .RichText-discret,.texte.section .RichText-discret {
    font: normal var(--msl-fontWeight-400) 11px var(--msl-fontFamily-body);
    color: var(--msl-artwork-grey-600);
    text-transform: none
}

.RichText .RichText-texteBlanc,.RichText-texteBlanc,.richtext-container .RichText-texteBlanc,.texte.cq-Editable-dom .RichText-texteBlanc,.texte.section .RichText-texteBlanc {
    color: var(--msl-artwork-grey-0)
}

.RichText .RichText-texteBlanc a,.RichText-texteBlanc a,.richtext-container .RichText-texteBlanc a,.texte.cq-Editable-dom .RichText-texteBlanc a,.texte.section .RichText-texteBlanc a {
    color: var(--msl-artwork-grey-0);
    text-decoration: underline
}

.RichText .RichText-texteSemiBoldBlanc,.RichText-texteSemiBoldBlanc,.richtext-container .RichText-texteSemiBoldBlanc,.texte.cq-Editable-dom .RichText-texteSemiBoldBlanc,.texte.section .RichText-texteSemiBoldBlanc {
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0)
}

.RichText .RichText-texteSemiBoldBlanc a,.RichText-texteSemiBoldBlanc a,.richtext-container .RichText-texteSemiBoldBlanc a,.texte.cq-Editable-dom .RichText-texteSemiBoldBlanc a,.texte.section .RichText-texteSemiBoldBlanc a {
    color: var(--msl-artwork-grey-0);
    text-decoration: underline
}

.RichText .h1,.richtext-container .h1,.texte.cq-Editable-dom .h1,.texte.section .h1 {
    display: inline
}

.RichText .h2,.richtext-container .h2,.texte.cq-Editable-dom .h2,.texte.section .h2 {
    display: inline
}

.RichText .h3,.richtext-container .h3,.texte.cq-Editable-dom .h3,.texte.section .h3 {
    display: inline
}

.RichText .RichText-lienCourant,.richtext-container .RichText-lienCourant,.texte.cq-Editable-dom .RichText-lienCourant,.texte.section .RichText-lienCourant {
    display: inline
}

.RichText .RichText-grosTitre,.richtext-container .RichText-grosTitre,.texte.cq-Editable-dom .RichText-grosTitre,.texte.section .RichText-grosTitre {
    display: inline
}

.RichText .RichText-titreProjet,.richtext-container .RichText-titreProjet,.texte.cq-Editable-dom .RichText-titreProjet,.texte.section .RichText-titreProjet {
    display: inline
}

.RichText .RichText-titreComposant,.richtext-container .RichText-titreComposant,.texte.cq-Editable-dom .RichText-titreComposant,.texte.section .RichText-titreComposant {
    display: inline
}

.RichText .RichText-titreBlanc,.richtext-container .RichText-titreBlanc,.texte.cq-Editable-dom .RichText-titreBlanc,.texte.section .RichText-titreBlanc {
    display: inline
}

.RichText .RichText-titre2Blanc,.richtext-container .RichText-titre2Blanc,.texte.cq-Editable-dom .RichText-titre2Blanc,.texte.section .RichText-titre2Blanc {
    display: inline
}

.RichText .RichText-titre3Blanc,.richtext-container .RichText-titre3Blanc,.texte.cq-Editable-dom .RichText-titre3Blanc,.texte.section .RichText-titre3Blanc {
    display: inline
}

.RichText .RichText-chapeau,.richtext-container .RichText-chapeau,.texte.cq-Editable-dom .RichText-chapeau,.texte.section .RichText-chapeau {
    display: inline
}

.RichText .RichText-legal,.richtext-container .RichText-legal,.texte.cq-Editable-dom .RichText-legal,.texte.section .RichText-legal {
    display: inline
}

.RichText .RichText-legalBlanc,.richtext-container .RichText-legalBlanc,.texte.cq-Editable-dom .RichText-legalBlanc,.texte.section .RichText-legalBlanc {
    display: inline
}

.RichText .RichText-emphase,.richtext-container .RichText-emphase,.texte.cq-Editable-dom .RichText-emphase,.texte.section .RichText-emphase {
    display: inline
}

.RichText .RichText-emphaseBlanc,.richtext-container .RichText-emphaseBlanc,.texte.cq-Editable-dom .RichText-emphaseBlanc,.texte.section .RichText-emphaseBlanc {
    display: inline
}

.RichText .RichText-texteVignettes,.richtext-container .RichText-texteVignettes,.texte.cq-Editable-dom .RichText-texteVignettes,.texte.section .RichText-texteVignettes {
    display: inline
}

.RichText .RichText-focusBlanc,.richtext-container .RichText-focusBlanc,.texte.cq-Editable-dom .RichText-focusBlanc,.texte.section .RichText-focusBlanc {
    display: inline
}

.RichText .RichText-textePartenaire,.richtext-container .RichText-textePartenaire,.texte.cq-Editable-dom .RichText-textePartenaire,.texte.section .RichText-textePartenaire {
    display: inline
}

.RichText .RichText-numerique,.richtext-container .RichText-numerique,.texte.cq-Editable-dom .RichText-numerique,.texte.section .RichText-numerique {
    display: inline
}

.RichText .RichText-discret,.richtext-container .RichText-discret,.texte.cq-Editable-dom .RichText-discret,.texte.section .RichText-discret {
    display: inline
}

.RichText .RichText-texteSemiBoldBlanc,.richtext-container .RichText-texteSemiBoldBlanc,.texte.cq-Editable-dom .RichText-texteSemiBoldBlanc,.texte.section .RichText-texteSemiBoldBlanc {
    display: inline
}

.RichText .RichText-texteBlanc,.richtext-container .RichText-texteBlanc,.texte.cq-Editable-dom .RichText-texteBlanc,.texte.section .RichText-texteBlanc {
    display: inline
}

.RichText-lienCourant {
    display: inline
}

.RichText-grosTitre {
    display: inline
}

.RichText-titreProjet {
    display: inline
}

.RichText-titreComposant {
    display: inline
}

.RichText-titreBlanc {
    display: inline
}

.RichText-titre2Blanc {
    display: inline
}

.RichText-titre3Blanc {
    display: inline
}

.RichText-chapeau {
    display: inline
}

.RichText-legal {
    display: inline
}

.RichText-legalBlanc {
    display: inline
}

.RichText-emphase {
    display: inline
}

.RichText-emphaseBlanc {
    display: inline
}

.RichText-texteVignettes {
    display: inline
}

.RichText-focusBlanc {
    display: inline
}

.RichText-textePartenaire {
    display: inline
}

.RichText-numerique {
    display: inline
}

.RichText-discret {
    display: inline
}

.RichText-texteSemiBoldBlanc {
    display: inline
}

.RichText-texteBlanc {
    display: inline
}

.Table {
    display: table;
    position: relative;
    width: 100%
}

.Table-row {
    display: table-row;
    width: 100%;
    border-bottom: 2px solid var(--msl-artwork-grey-100)
}

.Table-cellBody,.Table-cellHead {
    display: table-cell;
    vertical-align: middle
}

.Table-cellHead {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.Table-cellBloc {
    display: block;
    float: left
}

.Table-cellWidth100 {
    width: 100%
}

.Table-cellWidth80 {
    width: 80%
}

.Table-cellWidth70 {
    width: 70%
}

.Table-cellWidth50 {
    width: 50%
}

.Table-cellWidth30 {
    width: 30%
}

.Table-cellWidth20 {
    width: 20%
}

.encart-2 {
    background-color: var(--msl-artwork-grey-100);
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: var(--msl-fontWeight-700)
}

.no-text-decoration {
    text-decoration: none
}

tr.gras a {
    font-weight: var(--msl-fontWeight-700)
}

.InputFile {
    position: relative;
    overflow: hidden
}

.InputFile-field {
    position: absolute;
    left: -100000px;
    opacity: 0
}

.CustomMessage,.Etapier,.PushLeftZone {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    align-items: flex-end!important;
    position: relative;
    width: 100%;
    min-height: 350px;
    padding: 10% 7vw;
    background: var(--msl-brand-primary)
}

@media (min-width: 650px) {
    .CustomMessage,.Etapier,.PushLeftZone {
        padding:10% 5vw
    }
}

.Etapier-background,.Etapier-backgroundWrapper,.PushCommunication-background,.PushCommunication-backgroundWrapper,.PushLeftZone-background,.PushLeftZone-backgroundWrapper,.componentZdg .Etapier-background,.componentZdg .Etapier-backgroundWrapper,.componentZdg .PushCommunication-background,.componentZdg .PushCommunication-backgroundWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Etapier-backgroundWrapper:after,.PushCommunication-backgroundWrapper:after,.PushLeftZone-backgroundWrapper:after,.componentZdg .Etapier-backgroundWrapper:after,.componentZdg .PushCommunication-backgroundWrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Etapier-backgroundWrapper:after,.PushLeftZone-backgroundWrapper--veil:after {
    background: var(--msl-artwork-grey-1000);
    opacity: .3
}

.Etapier-background,.PushCommunication-background,.PushLeftZone-background,.componentZdg .Etapier-background,.componentZdg .PushCommunication-background {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.Etapier-background,.PushLeftZone-background--filter {
    opacity: .5
}

.backgroundblendmode .Etapier-background,.backgroundblendmode .PushLeftZone-background--filter {
    opacity: 1;
    background-blend-mode: soft-light;
    background-color: var(--msl-brand-primary)
}

.CustomMessage-main,.Etapier-main,.PushCarousel3-carousel,.PushLeftZone-main {
    position: relative;
    width: 100%
}

.PushLeftZone-content {
    bottom: 10%;
    width: 100%;
    padding: 25px 30px;
    background: var(--msl-artwork-grey-0)
}

.Etapier-sticky,.PushLeftZone-sticky {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 1;
    padding: 7px 25px;
    color: var(--msl-artwork-grey-0);
    line-height: 1.25;
    font-weight: var(--msl-fontWeight-600);
    white-space: nowrap;
    text-transform: uppercase;
    background: var(--msl-brand-secondary-400);
    border-radius: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.HeaderAlternate-logo,.HeaderSticky-logo,.NewHeader-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    padding: 10px
}

@media (min-width: 990px) {
    .HeaderAlternate-logo,.HeaderSticky-logo,.NewHeader-logo {
        max-width:236px
    }
}

.Header-help,.Header-helpText,.Header-login,.Header-open,.Header-search,.HeaderAlternate-back,.HeaderAlternate-logo,.HeaderAlternate-title,.HeaderLogged-secondNavLink,.HeaderSticky-help,.HeaderSticky-login,.HeaderSticky-search,.Login-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 60px
}

.Header-search,.HeaderLogged-secondNavLink,.HeaderSticky-help,.HeaderSticky-login,.HeaderSticky-search,.Login-close {
    width: 60px;
    line-height: 60px
}

.Header-help,.Header-helpText,.Header-login,.Header-open,.Header-search,.HeaderAlternate-back,.HeaderAlternate-back.HeaderAlternate-back-tunnel,.HeaderLogged-secondNavLink--account,.HeaderLogged-secondNavLink--close,.HeaderLogged-secondNavLink--help,.HeaderLogged-secondNavLink--logoff,.HeaderLogged-secondNavLink--search,.HeaderSticky-help,.HeaderSticky-login,.HeaderSticky-search,.Login-close {
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background .3s,color .3s;
    transition: background .3s,color .3s
}

.Header-help,.Header-help:focus,.Header-help:hover,.Header-helpText,.Header-helpText:focus,.Header-helpText:hover,.Header-login,.Header-login:focus,.Header-login:hover,.Header-open,.Header-open:focus,.Header-open:hover,.Header-search,.Header-search:focus,.Header-search:hover,.HeaderAlternate-back,.HeaderAlternate-back.HeaderAlternate-back-tunnel,.HeaderAlternate-back:focus,.HeaderAlternate-back:hover,.HeaderLogged-secondNavLink--account,.HeaderLogged-secondNavLink--account:focus,.HeaderLogged-secondNavLink--account:hover,.HeaderLogged-secondNavLink--close,.HeaderLogged-secondNavLink--close:focus,.HeaderLogged-secondNavLink--close:hover,.HeaderLogged-secondNavLink--help,.HeaderLogged-secondNavLink--help:focus,.HeaderLogged-secondNavLink--help:hover,.HeaderLogged-secondNavLink--logoff,.HeaderLogged-secondNavLink--logoff:focus,.HeaderLogged-secondNavLink--logoff:hover,.HeaderLogged-secondNavLink--search,.HeaderLogged-secondNavLink--search:focus,.HeaderLogged-secondNavLink--search:hover,.HeaderSticky-help,.HeaderSticky-help:focus,.HeaderSticky-help:hover,.HeaderSticky-login,.HeaderSticky-login:focus,.HeaderSticky-login:hover,.HeaderSticky-search,.HeaderSticky-search:focus,.HeaderSticky-search:hover,.Login-close,.Login-close:focus,.Login-close:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.Header-search,.HeaderLogged-secondNavLink--search,.HeaderSticky-search {
    color: var(--msl-brand-secondary-400);
    background-color: transparent
}

.Header-search:focus,.Header-search:hover,.HeaderLogged-secondNavLink--search:focus,.HeaderLogged-secondNavLink--search:hover,.HeaderSticky-search:focus,.HeaderSticky-search:hover {
    color: var(--msl-brand-secondary-500)
}

.Header-help,.HeaderLogged-secondNavLink--help,.HeaderSticky-help {
    background-color: var(--msl-functionnal-contact)
}

.Header-help:focus,.Header-help:hover,.HeaderLogged-secondNavLink--help:focus,.HeaderLogged-secondNavLink--help:hover,.HeaderSticky-help:focus,.HeaderSticky-help:hover {
    background-color: #004652
}

.Header-open {
    background-color: var(--msl-brand-secondary-500)
}

.Header-open:focus,.Header-open:hover {
    background-color: var(--msl-brand-secondary-500)
}

.Header-login,.HeaderAlternate-back,.HeaderAlternate-back.HeaderAlternate-back-tunnel,.HeaderLogged-secondNavLink--close,.HeaderLogged-secondNavLink--logoff,.HeaderSticky-login,.Login-close {
    background-color: var(--msl-brand-primary)
}

.Header-login:focus,.Header-login:hover,.HeaderAlternate-back:focus,.HeaderAlternate-back:hover,.HeaderLogged-secondNavLink--close:focus,.HeaderLogged-secondNavLink--close:hover,.HeaderLogged-secondNavLink--logoff:focus,.HeaderLogged-secondNavLink--logoff:hover,.HeaderSticky-login:focus,.HeaderSticky-login:hover,.Login-close:focus,.Login-close:hover {
    background-color: var(--msl-brand-secondary-500)
}

.HeaderLogged-secondNavLink--account {
    background-color: var(--msl-brand-secondary-500)
}

.HeaderLogged-secondNavLink--account:focus,.HeaderLogged-secondNavLink--account:hover {
    background-color: var(--msl-brand-primary)
}

.Header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
    z-index: 9995
}

@media (min-width: 990px) {
    .Header {
        height:120px
    }
}

.Header--hidden {
    display: none;
    visibility: hidden
}

.Header-layers {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 9900;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    overflow: hidden;
    background-color: var(--msl-artwork-grey-0);
    outline: 0
}

@media (min-width: 990px) {
    .Header-layers {
        top:120px;
        height: -webkit-calc(100% - 120px);
        height: calc(100% - 120px)
    }
}

@media (max-width: 989px) {
    .Header-layers {
        z-index:9999;
        bottom: 146px
    }
}

@media (max-width: 989px) {
    .Header-layers:has(.LayerNav.nonConnecte) {
        top:0!important;
        height: 100%!important
    }
}

@media (min-width: 1170px) {
    .Header-layers--fullsizeLG {
        top:0!important;
        bottom: auto;
        height: 100%!important
    }
}

@media (min-width: 990px) and (max-width:1169px) {
    .Header-layers--fullsizeMD {
        top:0!important;
        bottom: auto;
        height: 100%!important
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .Header-layers--fullsizeSM {
        top:0;
        bottom: auto;
        height: 100%!important
    }
}

@media (max-width: 649px) {
    .Header-layers--fullsizeXS {
        top:0;
        bottom: auto;
        height: 100%!important
    }
}

.HeaderLogged+.Header-layers {
    top: 60px;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px)
}

.Header-logo {
    display: none
}

@media (min-width: 990px) {
    .Header-logo {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        float: left;
        width: 12.1666666666%;
        min-width: -webkit-calc(145px);
        min-width: calc(145px);
        height: 100%;
        background-color: #fff;
        border-right: 1px solid var(--msl-artwork-grey-100)
    }
}

.Header-logoTitle {
    margin: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 990px) {
    .Header-logoTitle {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.Header-logoImg {
    max-width: 100%;
    max-height: 100%
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .Header-logoImg {
        max-width: 216px
    }
}

.Header-logoImg img {
    display: block
}

div.Header-logoImg {
    width: 100%
}

div.Header-logoImg img {
    display: block
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    div.Header-logoImg img {
        height: auto!important
    }
}

.Header-logoContent {
    height: 60px;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 990px) {
    .Header-logoContent {
        display:none
    }
}

@media (max-width: 989px) {
    .Header-logoContent {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        flex: 1
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .Header-logoContent {
        padding-left:60px
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .Header.js-Header.contexthub-header-non-connecte .Header-logoContent {
        padding-left:10px
    }
}

.Header-logo--xs {
    max-width: 100%;
    max-height: 100%
}

.Header-logo--xs.js-needFakeNotSvg {
    height: 100%
}

@media (min-width: 990px) {
    .Header-logo--xs {
        display:none
    }
}

.Header-nav {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: transparent
}

@media (min-width: 990px) {
    .Header-nav {
        float:left;
        width: 87.8333333333%;
        max-width: -webkit-calc(100% - 145px);
        max-width: calc(100% - 145px);
        max-height: 120px;
        height: unset;
        margin-top: 0;
        background-color: #fff
    }
}

.Header-upperNav {
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 9995;
    width: 100%;
    height: 60px;
    background-color: transparent
}

@media (max-width: 989px) {
    .Header-upperNav .npc-msl-form-group {
        display:none
    }
}

.Header-upperNav .npc-msl-ff-select .npc-msl-ff-select--combobox div[role=combobox]:after {
    z-index: 1;
    pointer-events: none
}

.Header-upperNav .npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] {
    z-index: 2;
    padding: unset
}

.Header-upperNav .npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel {
    max-height: unset;
    overflow: unset
}

.Header-upperNav .npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option] {
    gap: var(--msl-spacing-150);
    margin-top: unset;
    border-bottom: 1px solid var(--msl-artwork-grey-100);
    padding: var(--msl-spacing-200)
}

.Header-upperNav .npc-msl-ff-select .npc-msl-ff-select--combobox div[role=listbox] .npc-msl-ffs-combobox--panel div[role=option]:last-child {
    border-bottom: none
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only {
    cursor: pointer;
    padding: var(--msl-spacing-200) var(--msl-spacing-100);
    width: calc(var(--placehoder-length) * 1ch);
    min-width: 246px
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only {
    cursor: pointer;
    padding: var(--msl-spacing-200) var(--msl-spacing-100);
    width: -webkit-calc(var(--placehoder-length) * 1ch);
    width: calc(var(--placehoder-length) * 1ch);
    min-width: 246px
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only:hover {
    background-color: var(--msl-bg-hover)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only:hover {
    background-color: var(--msl-bg-hover)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only:focus {
    background-color: transparent
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only:focus {
    background-color: transparent
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only.active {
    background-color: transparent;
    border-color: var(--msl-brand-primary)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only.active {
    background-color: transparent;
    border-color: var(--msl-brand-primary)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only.active::-webkit-input-placeholder {
    color: var(--msl-text)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only.active::-moz-placeholder {
    color: var(--msl-text)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only.active:-ms-input-placeholder {
    color: var(--msl-text)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only.active::-ms-input-placeholder {
    color: var(--msl-text)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):-moz-read-only.active::placeholder {
    color: var(--msl-text)
}

.Header-upperNav .npc-msl-form-group .npc-msl-form-field input:not([type=checkbox]):not([type=radio]):read-only.active::placeholder {
    color: var(--msl-text)
}

@media print {
    .Header,.HeaderAlternate,.HeaderLogged,.HeaderSticky {
        display: none!important
    }
}

.Header-buttonMenu,.HeaderLogged-buttonMenu {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: var(--msl-brand-secondary-500);
    text-align: center;
    cursor: pointer
}

.Header-buttonMenu,.Header-buttonMenu:focus,.Header-buttonMenu:hover,.HeaderLogged-buttonMenu,.HeaderLogged-buttonMenu:focus,.HeaderLogged-buttonMenu:hover {
    text-decoration: none
}

.Header-buttonMenu:before,.HeaderLogged-buttonMenu:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    font-size: var(--msl-fontSize-34)
}

@media (min-width: 990px) {
    .Header-buttonMenu,.HeaderLogged-buttonMenu {
        display:none
    }
}

.Header-market {
    border-radius: var(--msl-borderRadius-25);
    display: table-cell;
    width: 225px;
    vertical-align: middle;
    padding-left: 10px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-1000);
    text-decoration: none;
    cursor: pointer
}

.Header-market,.Header-market:hover {
    text-decoration: none
}

.Header-market::after {
    color: var(--msl-brand-primary)
}

.Header-market:after {
    content: "";
    margin-left: 10px;
    line-height: 12px
}

@media (max-width: 989px) {
    .Header-market {
        display:none
    }
}

@media (min-width: 1170px) {
    .Header-market {
        margin-left:20px
    }
}

.Header-search {
    border-left: 1px solid var(--msl-artwork-grey-0)
}

.Header-search:after {
    content: "";
    display: block;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .Header-search {
        position:absolute;
        right: 60px;
        top: 0
    }
}

@media (min-width: 990px) {
    .Header-search {
        width:auto;
        height: 40px;
        margin: 10px;
        padding-left: 10px;
        padding-right: 5px;
        vertical-align: middle;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        color: var(--msl-artwork-grey-900);
        font-weight: var(--msl-fontWeight-400);
        background-color: var(--msl-artwork-grey-50);
        cursor: pointer;
        border-left: none
    }

    .Header-search::after {
        float: right;
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        color: var(--msl-brand-secondary-400)
    }
}

@media (max-width: 649px) {
    .Header-search {
        display:none
    }
}

.Header-searchPlaceholder {
    display: none
}

.Header-searchPlaceholder,.Header-searchPlaceholder:focus,.Header-searchPlaceholder:hover {
    outline: 0;
    color: var(--msl-artwork-grey-600)
}

@media (min-width: 990px) {
    .Header-searchPlaceholder {
        width:-webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }
}

.Header-locator {
    display: none
}

.Header-locator,.Header-locator:hover {
    text-decoration: none;
    color: #fff
}

@media (min-width: 990px) {
    .Header-locator {
        width:60px;
        padding: 10px;
        text-transform: uppercase;
        text-decoration: none;
        vertical-align: middle
    }
}

@media (min-width: 1170px) {
    .Header-locator {
        margin-left:var(--msl-spacing-50)
    }
}

.Header-locatorLogo {
    width: 40px;
    height: 40px;
    border-radius: var(--msl-borderRadius-50);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    line-height: 40px!important;
    text-align: center;
    background-color: var(--msl-artwork-grey-100);
    -webkit-transition: background .3s;
    transition: background .3s;
    color: var(--msl-brand-secondary-500)
}

.Header-locatorLogo:focus,.Header-locatorLogo:hover {
    background-color: var(--msl-artwork-grey-300)
}

.Header-help {
    display: none
}

.Header-help:focus-visible {
    outline-offset: -4px
}

.Header-help:focus-visible:after {
    display: none
}

@media (min-width: 990px) {
    .Header-help {
        -webkit-flex-shrink:0;
        flex-shrink: 0;
        width: auto;
        min-width: 140px;
        padding-left: 10px;
        text-transform: uppercase
    }
}

@media (min-width: 1170px) {
    .Header-help {
        margin-left:20px
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .Header-help--campaign {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 60px;
        height: 60px;
        line-height: 60px
    }
}

.Header-helpPicto {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    padding: 0;
    margin: 0
}

@media (max-width: 989px) {
    .Header-helpPicto {
        height:39px
    }
}

.Header-helpText {
    width: 60px;
    text-align: center;
    padding-left: 10px;
    margin: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 12px;
    font-family: var(--msl-fontFamily-body)
}

.Header-helpText:before {
    content: "";
    display: block;
    font-size: 24px;
    line-height: 22px
}

@media (min-width: 990px) {
    .Header-helpText {
        -webkit-flex-shrink:0;
        flex-shrink: 0;
        width: auto;
        min-width: 140px;
        text-transform: uppercase;
        padding-left: var(--msl-spacing-200);
        padding-right: var(--msl-spacing-200)
    }

    .Header-helpText:before {
        display: inline-block;
        margin-right: 5px
    }
}

.Header-login {
    width: 60px;
    text-align: center
}

.Header-login:before {
    content: "";
    display: block;
    font-size: 24px;
    line-height: 22px
}

@media (min-width: 990px) {
    .Header-login {
        -webkit-flex-shrink:0;
        flex-shrink: 0;
        width: auto;
        min-width: 140px;
        text-transform: uppercase;
        padding-left: 15px;
        padding-right: 15px
    }

    .Header-login:before {
        display: inline-block;
        margin-right: 5px
    }
}

@media (max-width: 989px) {
    .Header-login {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 60px;
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        letter-spacing: 0
    }
}

.Header-login--campaign {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.Header-loginText {
    display: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 12px;
    font-family: var(--msl-fontFamily-body)
}

@media (min-width: 990px) {
    .Header-loginText {
        display:inline-block;
        vertical-align: middle;
        text-align: center
    }
}

.Header-searchForm {
    padding: 0
}

@media (min-width: 990px) {
    .flexbox .Header-upperNav {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .flexbox .Header-search,.flexbox .header-search {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        min-width: 100px
    }

    .flexbox .Header-search {
        position: relative;
        text-align: left
    }

    .flexbox .Header-search:after {
        position: absolute;
        top: 0;
        right: 5px
    }

    .flexbox .Header-searchPlaceholder {
        display: block;
        width: auto;
        margin-right: 40px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .flexbox .Header-locator,.flexbox .Header-market {
        display: block;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .flexbox .Header-market {
        width: auto
    }

    .flexbox .Header-help,.flexbox .Header-login,.flexbox .Header-open {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-self: stretch;
        align-self: stretch;
        white-space: nowrap;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        width: auto;
        min-width: 140px
    }

    .flexbox .Header-help {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.Header-open {
    display: none;
    text-transform: uppercase
}

@media (min-width: 990px) {
    .Header-open {
        -webkit-flex-shrink:0;
        flex-shrink: 0;
        width: auto;
        min-width: 140px
    }
}

div.Header-open>a.Header-open {
    display: inline-block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

@media (min-width: 1170px) {
    .flexbox .Header-market {
        margin-right:20px
    }
}

.Header-lowerNav {
    display: none
}

@media (min-width: 990px) {
    .Header-lowerNav {
        display:block;
        height: 60px;
        background-color: var(--msl-artwork-grey-50)
    }
}

.Header-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9997;
    width: 100%;
    height: 100%
}

@media (min-width: 650px) {
    .Header-menu {
        background-color:var(--msl-artwork-grey-50)
    }
}

@media (min-width: 990px) {
    .Header-menu {
        display:none
    }
}

.Header-menuHeader {
    display: table;
    table-layout: fixed;
    position: fixed;
    height: 60px;
    width: 100%;
    padding-right: 60px;
    background-color: var(--msl-artwork-grey-50);
    z-index: 99999
}

.Header-menuClose {
    display: table-cell;
    width: 60px;
    height: 60px;
    background-color: var(--msl-brand-primary);
    vertical-align: middle
}

.Header-menuClose,.Header-menuClose:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.Header-menuClose:before {
    content: "";
    display: table-cell;
    width: 60px;
    font-size: var(--msl-fontSize-18);
    text-align: center
}

.Header-menuLogo {
    display: block;
    height: 60px;
    width: 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: auto 68%;
    background-position: center center
}

@media (min-width: 990px) {
    .Header-menuLogo {
        float:left;
        width: 12.1666666666%;
        margin-left: 0;
        background-position: center center;
        border-right: 1px solid var(--msl-artwork-grey-100)
    }
}

@media (width: 320px) {
    .Header-menuLogo {
        background-size:auto 50%
    }
}

.Header-menuSearch {
    display: table-cell;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-left: 1px solid var(--msl-artwork-grey-100);
    vertical-align: middle;
    text-decoration: none
}

.Header-menuSearch:before {
    content: "";
    display: table-cell;
    width: 60px;
    font-size: var(--msl-fontSize-24);
    color: var(--msl-brand-secondary-400);
    text-align: center
}

@media (max-width: 649px) {
    .Header-menuSearch {
        display:none
    }
}

.Header-menuLogin {
    display: table-cell;
    width: 60px;
    height: 60px;
    background-color: var(--msl-brand-primary);
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

.Header-menuLogin:before {
    content: "";
    display: table-cell;
    width: 60px;
    font-size: var(--msl-fontSize-24);
    text-align: center
}

@media (max-width: 649px) {
    .Header-menuLogin {
        display:none
    }
}

.Header-menuRows {
    position: fixed;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 60px;
    bottom: 146px;
    background-color: var(--msl-artwork-grey-0)
}

.Header-menuRow {
    display: table;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    height: 55px;
    text-decoration: none;
    vertical-align: middle
}

.Header-menuRow:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 60px;
    font-size: 24px
}

.Header-menuRow:focus,.Header-menuRow:hover {
    text-decoration: none
}

.Header-menuRow--back {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    height: 52px;
    color: var(--msl-brand-primary)
}

.Header-menuRow--back:after {
    display: none
}

.Header-menuRow--back .Header-menuIcon {
    font-size: 24px
}

.Header-menuIcon {
    display: table-cell;
    width: 60px;
    color: var(--msl-brand-primary);
    font-size: 24px;
    text-align: center;
    vertical-align: middle
}

.Header-menuRowText {
    display: table-cell;
    padding: 10px 0;
    vertical-align: middle;
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.Header-menuRowText--back {
    color: var(--msl-brand-primary)
}

.Header-menuSubfooter {
    position: fixed;
    bottom: 94px;
    width: 100%;
    height: 52px;
    background-color: var(--msl-brand-primary);
    color: var(--msl-brand-secondary-400)
}

@media (min-width: 990px) {
    .Header-menuSubfooter {
        display:none
    }
}

.Header-menuInput {
    height: 40px;
    margin-top: 6px;
    background-color: var(--msl-brand-primary);
    color: #fff;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    outline: 0!important;
    -webkit-appearance: none
}

.Header-menuInput::-webkit-input-placeholder {
    color: #2c9181
}

.Header-menuInput::-moz-placeholder {
    color: #2c9181
}

.Header-menuInput:-ms-input-placeholder {
    color: #2c9181
}

.Header-menuInput::-ms-input-placeholder {
    color: #2c9181
}

.Header-menuInput::placeholder {
    color: #2c9181
}

@media (min-width: 990px) {
    .Header-menuInput {
        background-color:var(--msl-brand-primary);
        font-size: var(--msl-fontSize-40);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (min-width: 990px) and (max-width:989px) {
    .Header-menuInput {
        font-size:var(--msl-fontSize-34)
    }
}

.Header-menuSubfooterIcon {
    line-height: 52px;
    vertical-align: middle
}

.Header-menuFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 94px;
    padding-top: 15px;
    background-color: var(--msl-brand-secondary-500)
}

@media (min-width: 990px) {
    .Header-menuFooter {
        display:none
    }
}

.Header-menuFooterBtn {
    display: inline-block;
    margin: -10px;
    padding: 10px;
    text-decoration: none
}

.Header-menuFooterText {
    display: block;
    color: #fff;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.Header-menuFooterIcon {
    height: 39px;
    line-height: 40px!important;
    color: #fff;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.NewHeader {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 60px
}

.NewHeader .NewHeader-actions>* {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.NewHeader .Header-buttonMenu {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.NewHeader .Header-help {
    margin-left: 0
}

.NewHeader .Header-search {
    border-left: 0
}

.NewHeader .Header-search:focus:after,.NewHeader .Header-search:hover:after {
    color: var(--msl-brand-secondary-500)
}

.NewHeader .Login-close {
    display: none;
    border-left: 0
}

.NewHeader-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden
}

.NewHeader-nav {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 60px;
    overflow: hidden
}

.NewHeader-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 60px;
    overflow: hidden
}

@media (min-width: 990px) {
    .NewHeader--base {
        height:120px
    }

    .NewHeader--base .NewHeader-logo {
        min-width: 120px
    }

    .NewHeader--base .NewHeader-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.NewHeader--small .Header-locator,.NewHeader--small .Header-market {
    display: none
}

.NewHeader--small .Header-helpText,.NewHeader--small .Header-loginText,.NewHeader--small .Header-open {
    display: none
}

.NewHeader--small .Header-help,.NewHeader--small .Header-login {
    width: 60px;
    min-width: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

.NewHeader--small .Header-login:before {
    margin-right: 0
}

.NewHeader--small .Header-search {
    width: 60px;
    height: 60px;
    min-width: 0;
    margin: 0;
    padding: 0 10px;
    background: 0 0
}

.NewHeader--small .Header-search:after {
    top: 50%;
    right: 50%;
    margin: -.5em;
    width: 1em;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.NewHeader--small .Header-searchPlaceholder {
    display: none
}

@media (min-width: 990px) {
    .NewHeader--gray {
        background:var(--msl-artwork-grey-50)
    }
}

.NewHeader--search .Header-buttonMenu,.NewHeader--search .Header-login,.NewHeader--search .Header-search,.NewHeader--search .NewHeader-nav {
    display: none
}

.NewHeader--search .NewHeader-main {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.NewHeader--search .Login-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media (max-width: 989px) {
    .NewHeader-nav {
        display:none
    }

    .NewHeader-logo {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .NewHeader-main {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0
    }
}

.HeaderSticky {
    display: none
}

@media (min-width: 990px) {
    .HeaderSticky {
        display:none;
        position: fixed;
        height: 60px;
        width: 100%;
        background-color: var(--msl-artwork-grey-50);
        top: 0;
        z-index: 9999
    }
}

.HeaderSticky--show {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    visibility: visible
}

@media (min-width: 990px) {
    .HeaderSticky-logo {
        background:var(--msl-artwork-grey-0)
    }
}

.HeaderSticky-logoImg {
    display: none
}

@media (min-width: 990px) {
    .HeaderSticky-logoImg {
        display:block;
        width: 100%;
        height: 100%
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .HeaderSticky-logoImg img {
        height: auto!important;
        max-height: 40px!important
    }
}

.HeaderSticky-logo--xs {
    max-width: 100%;
    max-height: 100%
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .HeaderSticky-logo--xs img {
        height: auto!important;
        max-height: 40px!important
    }
}

@media (min-width: 990px) {
    .HeaderSticky-logo--xs {
        display:none
    }
}

div.HeaderSticky-logo--xs {
    height: 100%
}

.HeaderSticky-needs {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: block;
    height: 60px;
    overflow: hidden;
    background-color: var(--msl-artwork-grey-50)
}

.HeaderSticky-needs .NavUniverse-listLink--advice {
    color: var(--msl-brand-primary);
    font-style: italic
}

.HeaderSticky-subscribe {
    display: none
}

@media (min-width: 1170px) {
    .HeaderSticky-subscribe {
        display:block;
        width: 145px;
        -webkit-align-self: center;
        align-self: center
    }
}

.HeaderSticky-subscribeBtn {
    display: block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--msl-brand-primary);
    border-radius: 3px
}

.HeaderSticky-subscribeBtn,.HeaderSticky-subscribeBtn:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.HeaderSticky-search {
    border-left: 1px solid var(--msl-artwork-grey-0);
    background-color: var(--msl-artwork-grey-50)
}

.HeaderSticky-search:after {
    content: "";
    display: block;
    font-size: var(--msl-fontSize-24)
}

.HeaderSticky-help {
    font-size: 24px
}

.HeaderSticky-login {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 60px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.HeaderSticky-login:after {
    content: "";
    display: block;
    font-size: 24px;
    line-height: 22px
}

.HeaderLogged {
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 9995;
    width: 100%;
    height: 60px;
    background-color: var(--msl-artwork-grey-50)
}

.HeaderLogged .MainNav-listLink--mega:before {
    content: none
}

.HeaderLogged-logo {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 989px) {
    .HeaderLogged-logo {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        flex: 1
    }
}

@media (min-width: 990px) {
    .HeaderLogged-logo {
        max-width:60px;
        background-color: #fff
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .HeaderLogged-logo {
        padding-left:60px
    }
}

.HeaderLogged-logo--small {
    width: 100px
}

.HeaderLogged-logoImg {
    max-width: 100%;
    max-height: 100%
}

div.HeaderLogged-logoImg {
    height: 100%
}

@media all and (-ms-high-contrast:none) and (min-width: 990px),(-ms-high-contrast:active) and (min-width:990px) {
    div.HeaderLogged-logoImg {
        width:100%
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    div.HeaderLogged-logoImg img {
        height: auto!important;
        max-height: 40px!important
    }
}

.HeaderLogged-buttonMenu--P400 {
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-primary)
}

.HeaderLogged-buttonMenu--P400:before {
    content: "";
    display: table-cell;
    font-size: var(--msl-fontSize-14)
}

.HeaderLogged-buttonMenu--P400:focus,.HeaderLogged-buttonMenu--P400:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    background-color: var(--msl-brand-secondary-500)
}

.HeaderLogged-nav {
    display: none
}

@media (min-width: 990px) {
    .HeaderLogged-nav {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        flex: 1;
        display: block;
        height: 60px;
        overflow: hidden;
        background-color: var(--msl-artwork-grey-50)
    }
}

.HeaderLogged-navLink:hover {
    text-decoration: none
}

@media (min-width: 990px) {
    .HeaderLogged-navLink {
        display:inline-block;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 60px;
        color: var(--msl-artwork-grey-900);
        text-decoration: none;
        text-transform: uppercase
    }
}

.HeaderLogged-navLink--mega:after {
    content: "";
    margin-left: 10px;
    line-height: 12px
}

@media (max-width: 989px) {
    .HeaderLogged-navLink--mega:after {
        display:none
    }
}

@media (min-width: 990px) {
    .HeaderLogged-navLink--selected {
        color:var(--msl-brand-primary)
    }
}

.HeaderLogged-secondNavLink--search {
    display: none;
    border-left: 1px solid var(--msl-artwork-grey-0)
}

.HeaderLogged-secondNavLink--search:after {
    content: "";
    font-size: var(--msl-fontSize-24)
}

@media (min-width: 650px) {
    .HeaderLogged-secondNavLink--search {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.HeaderLogged-secondNavLink--help {
    display: none
}

@media (min-width: 990px) {
    .HeaderLogged-secondNavLink--help {
        display:table-cell
    }
}

.HeaderLogged-secondNavLink--account {
    display: table;
    position: relative;
    padding: 0 10px;
    cursor: pointer;
    font-size: 0;
    letter-spacing: -.31em;
    word-spacing: -0.43em;
    text-rendering: optimizespeed
}

@media (min-width: 990px) {
    .HeaderLogged-secondNavLink--account {
        width:auto;
        max-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.HeaderLogged-secondNavLink--account.active .HeaderLogged-accountBlocNotif {
    display: none
}

.HeaderLogged-accountIcon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 8px
}

.HeaderLogged-accountIcon--witdh25 {
    width: 25px;
    font-size: var(--msl-fontSize-18)
}

@media (max-width: 990px) {
    .HeaderLogged-accountIcon--witdh25 {
        width:auto
    }
}

.HeaderLogged-accountIcon--witdh16 {
    width: 16px
}

@media (max-width: 990px) {
    .HeaderLogged-accountIcon--witdh16 {
        width:auto
    }
}

.HeaderLogged-accountBlocNotif {
    display: table-cell;
    vertical-align: middle
}

a.HeaderLogged-accountBlocNotif {
    color: inherit;
    text-decoration: none
}

a.HeaderLogged-accountBlocNotif:focus,a.HeaderLogged-accountBlocNotif:hover {
    color: inherit
}

a.HeaderLogged-accountBlocNotif:focus .HeaderLogged-accountNotif,a.HeaderLogged-accountBlocNotif:hover .HeaderLogged-accountNotif {
    background: rgba(255,255,255,.5)
}

.HeaderLogged-accountNotif {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: rgba(255,255,255,.3);
    border-radius: 50%;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 12px;
    font-family: var(--msl-fontFamily-body)
}

@media (max-width: 989px) {
    .HeaderLogged-accountNotif {
        position:absolute;
        top: 5px;
        right: 5px
    }
}

.HeaderLogged-accountName {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px
}

.HeaderLogged-accountNametext {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    text-align: left
}

.HeaderLogged-accountNametext--multi {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.HeaderLogged-accountNametext--multi>span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.HeaderLogged-accountNametext--multi>span:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.HeaderLogged-accountNametext--font {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.HeaderLogged-secondNavLink--logoff {
    display: none
}

@media (min-width: 990px) {
    .HeaderLogged-secondNavLink--logoff {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 60px;
        font-size: var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        border-left: 1px solid var(--msl-artwork-grey-0)
    }

    .HeaderLogged-secondNavLink--logoff:after {
        font-family: "NPC Icons crunchy R2503"!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: var(--msl-fontWeight-400)!important;
        text-decoration: none;
        text-transform: none;
        font-display: block;
        line-height: 1;
        content: ""
    }
}

a.HeaderLogged-calendar {
    color: inherit;
    text-decoration: none
}

.HeaderLogged-calendar {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.HeaderLogged-calendarIcon {
    width: 25px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 990px) {
    .HeaderLogged-calendarIcon {
        width:auto
    }
}

.HeaderLogged-secondNavLink--close {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 60px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    border-left: 1px solid var(--msl-artwork-grey-0)
}

.HeaderLogged-secondNavLink--close:after {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: ""
}

.HeaderLogged-secondNavLink--P400 {
    width: auto;
    padding: 0 20px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.HeaderLogged-secondNavLink--P400:after {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: "";
    padding-left: 15px;
    font-size: var(--msl-fontSize-14)
}

.MainNav {
    position: relative;
    display: block;
    height: 60px;
    overflow: hidden
}

.MainNav-wrap {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 100px;
    padding-right: 100px
}

.MainNav-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    font-size: 0
}

.MainNav-listItem {
    display: inline-block;
    font-size: var(--msl-fontSize-16);
    height: 60px
}

.MainNav-listAccess {
    display: block;
    float: left
}

.MainNav-UlAccess {
    width: 2000px
}

.MainNav-listLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    color: var(--msl-brand-primary);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    padding: 0 var(--msl-spacing-200);
    text-transform: uppercase;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: #19212d;
    text-decoration: none!important
}

.MainNav-listLink::first-letter {
    text-transform: uppercase
}

.MainNav-listLink,.MainNav-listLink:focus,.MainNav-listLink:hover {
    text-decoration: underline
}

.MainNav-listLink:focus {
    font-weight: var(--msl-fontWeight-700)
}

.MainNav-listLink.active {
    color: var(--msl-brand-primary)
}

.MainNav-listLink--selected {
    position: relative;
    color: var(--msl-brand-primary)
}

.MainNav-listLink--selected::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid var(--msl-brand-primary)
}

.MainNav-listLink--mega::after {
    font-family: "NPC Icons crunchy R2503"!important;
    margin-left: 10px;
    font-size: var(--msl-fontSize-12);
    line-height: 12px;
    color: var(--msl-brand-primary);
    content: ""
}

.MainNav-listLink--em:after {
    font-style: normal
}

.LayerNav {
    height: 100%;
    background-color: var(--msl-artwork-grey-0);
    outline: 0
}

.LayerNav-content,.LayerNav-inner {
    position: relative;
    height: 100%
}

@media (max-width: 989px) {
    .LayerNav-innerCael {
        height:-webkit-calc(100% - 60px);
        height: calc(100% - 60px)
    }
}

@media (max-width: 989px) {
    .LayerNav-head {
        padding:0 20px;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-50)
    }

    .LayerNav-head .layer-nav-block {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 72px
    }

    .LayerNav-head .layer-nav-block i {
        background: var(--msl-bg-elmt);
        box-shadow: var(--msl-boxShadow-s)
    }

    .LayerNav-head .layer-nav-tilte {
        font-size: var(--msl-fontSize-28);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        line-height: 36px;
        margin: unset;
        text-transform: none
    }
}

.LayerNav-content {
    padding: 80px 0 1%;
    overflow-y: auto
}

@media (max-width: 989px) {
    .LayerNav-content {
        padding:0
    }
}

.LayerNav-close {
    position: absolute;
    top: 55px;
    right: 55px;
    font-size: 24px;
    color: var(--msl-brand-primary)
}

.LayerNav-close,.LayerNav-close:hover {
    text-decoration: none
}

@media (max-width: 989px) {
    .LayerNav-close {
        display:none
    }
}

.LayerNav-headMobileTitle {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    padding-top: 2px
}

.LayerNav-backMobile {
    display: block;
    padding: 15px 9.5%;
    background: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.LayerNav-backMobile,.LayerNav-backMobile:hover {
    text-decoration: none;
    color: var(--msl-brand-primary)
}

.LayerNav-backMobileIcon {
    margin-right: 10px;
    font-size: 24px
}

.LayerNav-push {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100%;
    background-color: var(--msl-artwork-grey-50);
    overflow-y: auto
}

.LayerNav-pushImg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.LayerNav-pushMsg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    min-height: 185px;
    padding: 10%
}

.LayerNav-pushMsg>div {
    width: 100%
}

@media (max-width: 989px) {
    .LayerNav-pushMsg {
        display:none
    }
}

.LayerNav-pushLink {
    color: inherit;
    text-decoration: underline
}

.LayerNav-pushMsg--image {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary) no-repeat 50% 50%;
    background-size: cover
}

.LayerNav-pushMsg--image .LayerNav-pushTitle {
    color: inherit
}

.LayerNav-pushTitle {
    font-size: var(--msl-fontSize-24);
    text-transform: uppercase;
    color: var(--msl-brand-primary);
    line-height: 24px
}

.LayerNav-pushText {
    padding: 30px 0
}

.LayerNav-pushNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin: 0;
    padding: 80px 0 3%;
    background: var(--msl-brand-primary)
}

@media (max-width: 989px) {
    .LayerNav-pushNav {
        padding:0;
        overflow: auto
    }
}

.LayerNav-pushNavItem,.LayerNav-pushNavItemSpacer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 35px;
    max-height: 65px;
    padding: 5px 12.7%;
    font-size: var(--msl-fontSize-24);
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.1;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary);
    text-decoration: none
}

@media (max-width: 989px) {
    .LayerNav-pushNavItemSpacer {
        display:none
    }
}

.LayerNav-pushNavItem {
    position: relative
}

.LayerNav-pushNavItem:focus,.LayerNav-pushNavItem:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-500);
    text-decoration: none
}

@media (max-width: 989px) {
    .LayerNav-pushNavItem {
        padding:5px -webkit-calc(9.5% + 24px) 5px 9.5%;
        padding: 5px calc(9.5% + 24px) 5px 9.5%;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-600);
        border-bottom: 1px solid rgba(255,255,255,.2)
    }

    .LayerNav-pushNavItem:after {
        content: "";
        position: absolute;
        right: 9.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 24px
    }
}

@media (max-height: 700px) and (min-width:990px) {
    .LayerNav-pushNavItem:nth-last-child(n+5):first-child,.LayerNav-pushNavItem:nth-last-child(n+5):first-child~.LayerNav-pushNavItem,.LayerNav-pushNavItem:nth-last-child(n+5):first-child~.LayerNav-pushNavItemSpacer {
        font-size:var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        min-height: 30px
    }
}

.LayerNav-pushNavItem--ca {
    min-height: 55px;
    max-height: 90px
}

.LayerNav-pushNavItem--ca .LayerNav-pushNavItemInner:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 7px;
    font-size: 24px
}

.LayerNav-pushNavItem--active .LayerNav-dot {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 989px) {
    .LayerNav-pushNavItem--active .LayerNav-dot {
        opacity:1;
        visibility: visible
    }
}

.LayerNav-pushNavItem--active,.LayerNav-pushNavItem--active:focus,.LayerNav-pushNavItem--active:hover {
    color: var(--msl-brand-primary);
    background: var(--msl-artwork-grey-0)
}

.LayerNav-changeStatus {
    display: inline-block;
    margin: 2.5% 0 0 5%
}

@media (max-width: 989px) {
    .LayerNav-changeStatus {
        display:none
    }
}

.LayerNav-changeStatusIcon {
    text-decoration: none;
    margin: 0 5px 0 0;
    vertical-align: baseline
}

.LayerNav-dlist {
    list-style-type: none
}

@media (max-width: 989px) {
    .LayerNav-dlist {
        margin:0
    }
}

@media (max-width: 989px) {
    .LayerNav-content-list {
        margin:var(--msl-spacing-300) 20px;
        border-radius: var(--msl-spacing-150);
        box-shadow: var(--msl-boxShadow-m)
    }
}

.LayerNav-dlistTitle {
    margin: 3vw 0 0 9.5%;
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 989px) {
    .LayerNav-dlistTitle {
        margin:0
    }
}

.LayerNav-elements {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-150);
    padding: 20px var(--msl-spacing-200);
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

.LayerNav-elements a {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-transform: unset;
    text-decoration: unset;
    color: var(--msl-text)
}

.LayerNav-dlistLink {
    font-size: var(--msl-fontSize-24);
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.LayerNav-dlistLink:after {
    content: "";
    font-size: 24px;
    padding-left: 13px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle
}

@media (max-width: 989px) {
    .LayerNav-dlistLink:after {
        display:none
    }
}

@media (max-width: 989px) {
    .LayerNav-dlistLink {
        position:relative;
        display: block;
        height: 55px;
        line-height: 55px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-600);
        padding: 0 9.5%;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .LayerNav-dlistLink:before {
        content: "";
        font-size: 24px;
        position: absolute;
        right: 9.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.LayerNav-list {
    list-style-type: none;
    margin: 0 0 0 9.5%;
    padding: 0
}

@media (max-width: 989px) {
    .LayerNav-list {
        margin:0
    }
}

.LayerNav-listItem {
    margin: 1.2em 0
}

@media (max-width: 989px) {
    .LayerNav-listItem {
        margin:0
    }
}

.LayerNav-listLink {
    text-decoration: none;
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 989px) {
    .LayerNav-listLink {
        position:relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 65px;
        padding: 5px -webkit-calc(9.5% + 24px) 5px 9.5%;
        padding: 5px calc(9.5% + 24px) 5px 9.5%;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-700);
        text-decoration: none;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .LayerNav-listLink:after {
        content: "";
        position: absolute;
        right: 9.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 24px
    }

    .LayerNav-listLink:hover {
        text-decoration: none
    }
}

.LayerNav-header {
    margin: 12px 9.5% 30px
}

@media (max-width: 989px) {
    .LayerNav-header {
        margin:0;
        padding: 15px 9.5%;
        background: var(--msl-brand-secondary-400);
        color: var(--msl-artwork-grey-0);
        font-weight: var(--msl-fontWeight-600)
    }
}

.LayerNav-supTitle {
    margin: -7px 0 3px;
    text-transform: uppercase
}

@media (max-width: 989px) {
    .LayerNav-supTitle {
        color:var(--msl-artwork-grey-0)
    }
}

.LayerNav-title {
    margin: 0 0 10px;
    font-size: 34px;
    font-weight: var(--msl-fontWeight-700);
    line-height: 48px;
    text-transform: uppercase
}

@media (max-width: 989px) {
    .LayerNav-title {
        margin:0;
        text-transform: none;
        color: var(--msl-artwork-grey-0)
    }
}

.LayerNav-tab {
    display: none
}

.LayerNav-tab--active {
    display: block
}

.LayerNav-articlesWrapper {
    overflow: hidden;
    margin: 20px 9.5%
}

.LayerNav-articlesWrapper:last-child {
    margin-bottom: 0
}

.LayerNav-articlesWrapper .LayerNav-articles {
    margin: -5px
}

.LayerNav-articlesWrapper .LayerNav-articles:after,.LayerNav-articlesWrapper .LayerNav-articles:before {
    content: '';
    display: table;
    clear: both
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article {
    float: left;
    width: 50%;
    padding: 0 5px;
    margin: 5px 0;
    height: 366px;
    overflow: hidden
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-child(2n+2) {
    float: right
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3),.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2),.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) {
    height: 178px
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-inner,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3) .cardMagArticle-inner,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2) .cardMagArticle-inner,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) .cardMagArticle-inner {
    padding-bottom: var(--msl-spacing-500)
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-iconWrapper,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3) .cardMagArticle-iconWrapper,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2) .cardMagArticle-iconWrapper,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) .cardMagArticle-iconWrapper {
    display: none
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layer,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3) .cardMagArticle-layer,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2) .cardMagArticle-layer,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) .cardMagArticle-layer {
    font-size: 1em
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerTitle,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3) .cardMagArticle-layerTitle,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2) .cardMagArticle-layerTitle,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) .cardMagArticle-layerTitle {
    margin-bottom: 1em
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerContent,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3) .cardMagArticle-layerContent,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2) .cardMagArticle-layerContent,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) .cardMagArticle-layerContent {
    margin-bottom: 1em;
    max-height: 5.668em;
    overflow: hidden
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerContent p,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3) .cardMagArticle-layerContent p,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2) .cardMagArticle-layerContent p,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) .cardMagArticle-layerContent p {
    display: -webkit-box;
    max-height: 5.668em;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child .cardMagArticle-layerButton,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+3):first-child~.LayerNav-article:nth-child(3) .cardMagArticle-layerButton,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(2) .cardMagArticle-layerButton,.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article:nth-last-child(n+4):first-child~.LayerNav-article:nth-child(4) .cardMagArticle-layerButton {
    padding: 7px 10px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.LayerNav-articlesWrapper .LayerNav-articles .LayerNav-article .cardMagArticle {
    height: 100%;
    width: 100%
}

.LayerNav-articleInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    padding: 13px 40px 30px;
    color: var(--msl-artwork-grey-0);
    text-align: center;
    line-height: 1.3;
    background: var(--msl-brand-primary) no-repeat 50% 50%;
    background-size: cover
}

.LayerNav-articleCategory {
    text-transform: uppercase
}

.LayerNav-tab .LayerNav-article .magHome-gridItem--square .LayerNav-articleTitle,.LayerNav-tab .LayerNav-article .magHome-gridItem--square .cardMagArticle-title {
    font-size: 2.083em;
    font-weight: var(--msl-fontWeight-600)
}

.LayerNav-tab .LayerNav-article .cardMagArticle-title,.LayerNav-tab .LayerNav-articleTitle {
    font-size: 1.417em;
    font-weight: var(--msl-fontWeight-400)
}

.LayerNav-tab .LayerNav-article .magHome-gridItem--landscape .LayerNav-articleTitle,.LayerNav-tab .LayerNav-article .magHome-gridItem--landscape .cardMagArticle-title {
    font-size: 2.083em;
    font-weight: var(--msl-fontWeight-400)
}

.LayerNav-articleLink {
    color: inherit;
    text-decoration: underline
}

.LayerNav-articleLink:focus,.LayerNav-articleLink:hover {
    color: inherit;
    text-decoration: none
}

.LayerNav-article .cardMagArticle-layer {
    font-size: 1.167em;
    line-height: 1.417
}

.LayerNav-articlesBtn {
    margin-top: 15px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500);
    font-weight: var(--msl-fontWeight-700)
}

.LayerNav-dot {
    display: inline-block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    height: 20px;
    min-width: 20px;
    margin: -6px 0 -4px 13px;
    padding: 0 7px;
    border-radius: 50px;
    line-height: 20px;
    text-align: center;
    background: #4d9e90;
    color: var(--msl-artwork-grey-0);
    vertical-align: middle
}

.LayerNav--primary {
    background: var(--font-primary,var(--msl-brand-primary));
    color: var(--msl-artwork-grey-0)
}

.LayerNav--primary .LayerNav-close {
    color: var(--msl-artwork-grey-0)
}

.LayerNav--primary .LayerNav-pushNav {
    background: var(--msl-brand-secondary-500)
}

@media (max-width: 989px) {
    .LayerNav--primary .LayerNav-pushNav {
        background:var(--msl-brand-primary)
    }
}

.LayerNav--primary .LayerNav-pushNavItem,.LayerNav--primary .LayerNav-pushNavItemSpacer {
    background: var(--msl-brand-secondary-500)
}

@media (max-width: 989px) {
    .LayerNav--primary .LayerNav-pushNavItem,.LayerNav--primary .LayerNav-pushNavItemSpacer {
        background:var(--msl-brand-primary)
    }
}

.LayerNav--primary .LayerNav-pushNavItem--active,.LayerNav--primary .LayerNav-pushNavItem--active:focus,.LayerNav--primary .LayerNav-pushNavItem--active:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--font-primary,var(--msl-brand-primary))
}

.LayerNav--primary .LayerNav-supTitle,.LayerNav--primary .LayerNav-title {
    color: inherit
}

.LayerNav--primary .LayerNav-listLink {
    color: var(--msl-artwork-grey-0)
}

.LayerNav--primary .LayerNav-listLink:focus,.LayerNav--primary .LayerNav-listLink:hover {
    color: var(--msl-artwork-grey-0)
}

@media (max-width: 989px) {
    .LayerNav--primary .LayerNav-listLink {
        border-bottom:1px solid rgba(255,255,255,.6)
    }
}

.LayerNav--primary .LayerNav-headMobile {
    padding: 30px 9.5%;
    background-color: var(--msl-brand-secondary-500);
    display: table;
    width: 100%
}

.LayerNav--primary .LayerNav-headMobileBtnWrapper {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}

.LayerNav--primary .LayerNav-headMobileDisconnectBtn {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-brand-primary);
    padding: var(--msl-spacing-100) 25px
}

.LayerNav--primary .LayerNav-headMobileDisconnectBtn:hover {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

@media (max-width: 649px) {
    .LayerNav--primary .LayerNav-headMobileDisconnectBtn {
        padding:10px;
        font-size: .8em
    }
}

@media (max-width: 989px) {
    .js-LayerNav-advices .LayerNav-pushNav,.js-LayerNav-advices .LayerNav-pushNavItem,.js-LayerNav-operations .LayerNav-pushNav,.js-LayerNav-operations .LayerNav-pushNavItem {
        background-color:var(--msl-artwork-grey-0)
    }

    .js-LayerNav-advices .LayerNav-pushNavItem,.js-LayerNav-operations .LayerNav-pushNavItem {
        border-bottom: 1px solid rgba(0,0,0,.1);
        color: #19212d
    }
}

.MegaNav {
    height: 100%
}

.MegaNav-Inner,.MegaNav-content {
    position: relative;
    height: 100%
}

.MegaNav-content {
    padding: var(--msl-spacing-400) 0 1%;
    overflow-y: auto
}

@media (max-width: 989px) {
    .MegaNav-content {
        padding:0
    }
}

.MegaNav-close {
    position: absolute;
    right: 55px;
    font-size: 24px;
    color: var(--msl-brand-primary)
}

.MegaNav-close,.MegaNav-close:hover {
    text-decoration: none
}

@media (max-width: 989px) {
    .MegaNav-close {
        display:none
    }
}

.MegaNav-Main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 990px) {
    .MegaNav-Main {
        margin:0 9.5%
    }
}

.MegaNav-dlist {
    list-style-type: none
}

@media (min-width: 990px) {
    .MegaNav-dlist {
        padding-right:var(--msl-spacing-300)
    }
}

@media (max-width: 989px) {
    .MegaNav-dlist {
        margin:0
    }
}

.MegaNav-dlistTitle {
    font-weight: var(--msl-fontWeight-400)
}

@media (min-width: 990px) {
    .MegaNav-dlistTitle {
        margin-bottom:var(--msl-spacing-200)
    }
}

.MegaNav-dlistLink {
    text-decoration: none;
    color: var(--msl-artwork-grey-1000);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600)
}

.MegaNav-dlistLink:after {
    content: "";
    font-size: 24px;
    display: inline-block;
    text-decoration: none;
    vertical-align: bottom;
    -webkit-transition: 1s;
    transition: 1s
}

@media (max-width: 989px) {
    .MegaNav-dlistLink:after {
        display:none
    }
}

.MegaNav-dlistLink:hover {
    text-decoration: none
}

.MegaNav-dlistLink:hover::after {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

@media (max-width: 989px) {
    .MegaNav-dlistLink {
        position:relative;
        display: block;
        height: 55px;
        line-height: 55px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        padding: 0 -webkit-calc(9.5% + 24px) 0 9.5%;
        padding: 0 calc(9.5% + 24px) 0 9.5%;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .MegaNav-dlistLink:before {
        content: "";
        font-size: 24px;
        position: absolute;
        right: 9.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.MegaNav-list {
    list-style-type: none;
    padding: 0
}

.MegaNav-listLink {
    text-decoration: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    line-height: 26px;
    color: var(--msl-artwork-grey-1000)
}

.MegaNav-listLink:hover {
    text-decoration: none
}

.MegaNav-quickLinkSep {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-top: var(--msl-spacing-300)
}

@media (min-width: 990px) {
    .MegaNav-quickLinkSep {
        border-top:1px solid var(--msl-artwork-grey-100)
    }
}

@media (max-width: 989px) {
    .MegaNav-quickLinkSep {
        -webkit-box-align:center;
        -webkit-align-items: center;
        align-items: center
    }
}

.MegaNav-quickLinkBlock {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: var(--msl-artwork-grey-50);
    padding: var(--msl-spacing-100) var(--msl-spacing-300);
    margin-bottom: var(--msl-spacing-300)
}

.MegaNav-quickLinkBlockLink {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.MegaNav-quickLinkBlockLink:hover {
    text-decoration: none
}

.MegaNav-quickLinkBlockLink:after {
    content: "";
    background: var(--msl-artwork-grey-0);
    border-radius: 100%;
    margin-left: var(--msl-spacing-300);
    text-decoration: none;
    font-size: 24px;
    vertical-align: top
}

.MegaNav-quickLinkBlockLinkMarket {
    margin-bottom: var(--msl-spacing-300)
}

.MegaNav-quickLinkBlockLinkMarket:before {
    content: "";
    display: inline-block;
    background: var(--msl-artwork-grey-50);
    font-size: var(--msl-fontSize-24);
    border-radius: 100%;
    margin-right: var(--msl-spacing-100)
}

.bigButton {
    display: block;
    margin: 0 auto 20px;
    padding: 30px 50px;
    color: #19212d;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    box-shadow: var(--msl-boxShadow-m);
    background-color: var(--msl-artwork-grey-0)
}

.bigButton:before {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto 15px;
    line-height: 46px;
    background: var(--msl-brand-secondary-400);
    border-radius: 50%;
    color: var(--msl-artwork-grey-0)
}

.bigButton:focus,.bigButton:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-500)
}

.bigButton:focus .bigButton-link,.bigButton:hover .bigButton-link {
    color: inherit
}

.bigButton-link {
    display: block;
    margin-top: 7px;
    color: var(--msl-brand-primary);
    text-decoration: underline;
    text-transform: none
}

.bigButton--add:before {
    content: "";
    font-size: var(--msl-fontSize-18)
}

.bigButton--transfer:before {
    content: "";
    font-size: var(--msl-fontSize-18)
}

.Title {
    padding: 20px
}

.GeolocationDisabled {
    width: 100%;
    margin: 30px 0 0
}

.GeolocationDisabled-content {
    background-color: var(--msl-bg-brand-minimal);
    padding: var(--msl-spacing-500);
    border-radius: var(--msl-borderRadius-150)
}

.GeolocComponent #trouver-un-cr-mode-search .form-group {
    margin-bottom: 0
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .help-block {
    margin-bottom: 0
}

.GeolocComponent #trouver-un-cr-mode-search .form-group label {
    text-transform: none;
    line-height: var(--msl-spacing-300);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-text);
    margin-bottom: var(--msl-spacing-50)
}

.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInput,.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default {
    border-radius: var(--msl-borderRadius-50)
}

.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInput:focus,.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInput:focus-visible,.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInput:hover,.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default:focus,.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default:focus-visible,.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default:hover {
    outline-style: none
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default,.GeolocComponent #trouver-un-cr-mode-search .form-group:not(.has-error) #GeolocSearchInput {
    border: 1px solid var(--msl-border)
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default:focus,.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default:focus-visible,.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect .btn-default:hover,.GeolocComponent #trouver-un-cr-mode-search .form-group:not(.has-error) #GeolocSearchInput:focus,.GeolocComponent #trouver-un-cr-mode-search .form-group:not(.has-error) #GeolocSearchInput:focus-visible,.GeolocComponent #trouver-un-cr-mode-search .form-group:not(.has-error) #GeolocSearchInput:hover {
    border-color: var(--msl-border-focusIndicator)
}

.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInputContainer {
    position: relative
}

.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInputClearContainer {
    position: absolute;
    top: 0;
    height: 100%;
    right: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: none
}

.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInputClearContainer #GeolocSearchInputClear {
    pointer-events: all;
    padding: 0;
    box-shadow: none
}

.GeolocComponent #trouver-un-cr-mode-search .form-group #GeolocSearchInputClearContainer #GeolocSearchInputClear .icon {
    font-size: var(--msl-fontSize-16)
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .GeolocationDisabled-btn {
    margin-top: var(--msl-spacing-300);
    text-transform: none
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .GeolocationDisabled-btn:focus,.GeolocComponent #trouver-un-cr-mode-search .form-group .GeolocationDisabled-btn:focus-visible,.GeolocComponent #trouver-un-cr-mode-search .form-group .GeolocationDisabled-btn:hover {
    outline: 2px solid var(--msl-functionnal-information-100);
    outline-offset: 2px
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect.btn-group.bootstrap-select {
    display: block;
    width: unset
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect.btn-group.bootstrap-select .btn {
    float: unset
}

.GeolocComponent #trouver-un-cr-mode-search .form-group .StoreLocator-whiteSelect.btn-group.bootstrap-select .btn .filter-option {
    color: var(--msl-text-moderate)
}

.GeolocationDisabled-title {
    color: var(--msl-text);
    margin-bottom: 30px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

#choice-GeolocationDisabled-text.GeolocationDisabled-text {
    color: var(--msl-text-moderate);
    margin: var(--msl-spacing-300) 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

#choice-GeolocationDisabled-text.GeolocationDisabled-text::content {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

#choice-GeolocationDisabled-text.GeolocationDisabled-text::before {
    margin-right: var(--msl-spacing-100)
}

#choice-GeolocationDisabled-text.GeolocationDisabled-text::after {
    margin-left: var(--msl-spacing-100)
}

#choice-GeolocationDisabled-text.GeolocationDisabled-text::after,#choice-GeolocationDisabled-text.GeolocationDisabled-text::before {
    content: " ";
    height: 0;
    margin-top: -1px;
    border-bottom: var(--msl-text-moderate) 1px solid;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.GeolocationDisabled-btn {
    white-space: pre-wrap;
    display: block;
    text-align: center;
    width: 100%
}

.StoreLocator-whiteSelect .caret:after {
    font-size: 12px!important
}

.StoreLocator-whiteSelect a {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.StoreLocator-whiteSelect.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
    padding: var(--msl-spacing-100) 20px;
    white-space: initial;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    letter-spacing: 0;
    text-align: left
}

.StoreLocator-whiteSelect .btn.dropdown-toggle.btn-default {
    color: var(--msl-artwork-grey-600);
    background: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0;
    text-align: left
}

.StoreLocator-whiteSelect .btn.dropdown-toggle.btn-default .filter-option.pull-left {
    text-align: center;
    white-space: initial
}

.StoreLocator-whiteSelect .btn.dropdown-toggle.btn-default:hover {
    background: var(--msl-artwork-grey-100)!important;
    color: var(--msl-artwork-grey-600)!important
}

.StoreLocator-whiteSelect .btn.dropdown-toggle.btn-default:active {
    color: var(--msl-artwork-grey-900)!important
}

.StoreLocator-whiteSelect .dropdown-menu>li>a {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0;
    color: var(--msl-artwork-grey-900)!important;
    text-align: left;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.StoreLocator-whiteSelect .dropdown-menu>li>a:hover {
    background: var(--msl-artwork-grey-50);
    color: var(--msl-brand-secondary-400);
    font-weight: var(--msl-fontWeight-600)
}

.StoreLocator-whiteSelect .dropdown-menu>li>a:hover:focus {
    background: var(--msl-artwork-grey-50)!important;
    outline: 2px solid var(--msl-brand-secondary-600)!important;
    color: var(--msl-brand-secondary-400)!important;
    border-top: 2px solid var(--msl-artwork-grey-50)!important;
    border-bottom: 2px solid var(--msl-artwork-grey-50)!important
}

.StoreLocator-whiteSelect .dropdown-menu>li>a:hover:active {
    color: var(--msl-brand-secondary-400);
    font-weight: var(--msl-fontWeight-600)
}

.GeolocationDisabled-noBorder {
    border: none
}

.GeolocationDisabled-noBorder .btn-default,.GeolocationDisabled-noBorder .btn-default:hover {
    border: none
}

.GeolocationDisabled-text--margin {
    margin: 15px 0
}

.GeolocationDisabled-btnWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.GeolocationDisabled-btnWrap>a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    margin: 5px;
    white-space: unset
}

.GeolocationDisabled-btnWrap>a:hover {
    background: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0)
}

.GeolocationDisabled-btnWrap>a:active,.GeolocationDisabled-btnWrap>a:visited {
    color: var(--msl-artwork-grey-0)
}

@media (max-width: 650px) {
    .GeolocationDisabled-title {
        margin-bottom:var(--msl-spacing-300)
    }
}

.GeolocationEnabled {
    width: 100%;
    margin: 30px 0 0
}

.GeolocationEnabled-content {
    text-align: center;
    background-color: var(--msl-artwork-grey-50);
    padding: 30px 15%
}

.GeolocationEnabled-title {
    color: var(--msl-text);
    margin-bottom: 30px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.GeolocationEnabled-contentIcon {
    position: relative;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background-color: var(--msl-brand-secondary-500);
    border-radius: 50%;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.GeolocationEnabled-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 50px;
    color: var(--msl-artwork-grey-0)
}

.GeolocationEnabled-text {
    color: var(--msl-artwork-grey-1000);
    margin: 0;
    padding: 15px 0
}

.GeolocationEnabled-text--margin {
    margin: 15px 0
}

.GeolocationEnabled-btnWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.GeolocationEnabled-btnWrap>a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    margin: 5px;
    white-space: unset;
    text-transform: none
}

.GeolocationEnabled-btnWrap>a:focus,.GeolocationEnabled-btnWrap>a:focus-visible,.GeolocationEnabled-btnWrap>a:hover {
    color: var(--msl-artwork-grey-0);
    outline: 2px solid var(--msl-functionnal-information-100);
    outline-offset: 2px
}

.GeolocationEnabled-content--bcgWhite {
    background-color: var(--msl-artwork-grey-0)
}

.BlocEpargne {
    padding: 0 5%
}

.BlocEpargne .Themes {
    padding: 0
}

.BlocEpargne .Themes-tag {
    color: var(--msl-brand-primary)
}

.BlocEpargne-contentTab {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    padding: 4%;
    background-color: var(--msl-artwork-grey-0)
}

.BlocEpargne-contentTab>.active {
    display: block
}

.BlocEpargne-tab {
    display: none;
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media (max-width: 989px) {
    .BlocEpargne {
        padding-left:5%;
        padding-right: 5%;
        padding-top: 3em
    }
}

@media (max-width: 649px) {
    .BlocEpargne-navLink {
        padding:10px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-600)
    }
}

.ComplementarySolutions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    color: var(--msl-artwork-grey-0);
    padding: 1em 8% 2em;
    background-color: var(--msl-brand-secondary-400)
}

.ComplementarySolutions-image {
    padding: 10px;
    width: 60px;
    height: 60px
}

.ComplementarySolutions-title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    padding-top: 20px
}

.ComplementarySolutions-content {
    margin: 40px 0
}

.ComplementarySolutions-content .description a {
    color: var(--msl-artwork-grey-0)
}

.ComplementarySolutions-content .description a:hover {
    color: var(--msl-artwork-grey-100)
}

.ComplementarySolutions-button {
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    border-radius: 50px;
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0);
    border-color: transparent;
    margin: 15px;
    text-transform: uppercase;
    white-space: inherit
}

.ComplementarySolutions-button:focus,.ComplementarySolutions-button:hover {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-100)
}

.ComplementarySolutions--primary {
    background-color: var(--msl-brand-primary)
}

.ComplementarySolutions--primary .ComplementarySolutions-imageWrapper {
    margin-bottom: 30px;
    padding-top: 15px
}

.ComplementarySolutions--primary .ComplementarySolutions-imageWrapper h3 {
    font-weight: var(--msl-fontWeight-600)
}

.ComplementarySolutions--primary .ComplementarySolutions-primaryImg {
    font-size: 60px
}

.ComplementarySolutions--primary .ComplementarySolutions-title {
    width: 50%;
    margin: auto;
    color: var(--msl-artwork-grey-0);
    font-weight: var(--msl-fontWeight-700)
}

.ComplementarySolutions--primary .ComplementarySolutions-content {
    margin: 40px 25%;
    width: 50%;
    font-weight: var(--msl-fontWeight-400)
}

.ComplementarySolutions--primary .ComplementarySolutions-content .description a {
    color: var(--msl-artwork-grey-0)
}

.ComplementarySolutions--primary .ComplementarySolutions-content .description a:hover {
    color: var(--msl-artwork-grey-100)
}

.ComplementarySolutions--primary .ComplementarySolutions-button {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0)
}

.ComplementarySolutions--primary .ComplementarySolutions-button:hover {
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-500)
}

@media screen and (max-width: 989px) {
    .ComplementarySolutions--primary .ComplementarySolutions-content,.ComplementarySolutions--primary .ComplementarySolutions-title {
        width:70%;
        margin: auto;
        padding-top: 10px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 649px) {
    .ComplementarySolutions--primary .ComplementarySolutions-content,.ComplementarySolutions--primary .ComplementarySolutions-title {
        width:100%
    }
}

.SimilarSolutions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 2.5% 12%
}

.SimilarSolutions .BlockLink {
    margin-bottom: 0
}

.SimilarSolutions-btn {
    padding: 20px 0;
    text-align: center
}

.SimilarSolutions-btn .btn {
    white-space: unset
}

.SimilarSolutions--default {
    background: var(--msl-artwork-grey-50)
}

.SimilarSolutions--default .BlockLink {
    background: var(--msl-artwork-grey-0)
}

.SimilarSolutions--default .BlockLink:focus,.SimilarSolutions--default .BlockLink:hover {
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.SimilarSolutions--default .SimilarSolutions-title {
    color: var(--msl-artwork-grey-900)
}

.SimilarSolutions-title {
    margin: 30px 0 15px;
    text-align: left
}

.SimilarSolutions--alternate {
    background: var(--msl-brand-primary)
}

.SimilarSolutions--alternate .SimilarSolutions-title {
    color: var(--msl-artwork-grey-0)
}

.SimilarSolutions--alternate .btn {
    white-space: unset
}

.PushEdito {
    margin-bottom: 20px
}

.PushEdito-image {
    display: block;
    max-width: 100%;
    height: auto
}

.PushEdito-link:hover {
    text-decoration: none
}

.PushEdito-content {
    padding: 1em 8% 2em
}

.PushEdito-title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    color: var(--msl-artwork-grey-600)
}

.PushEdito-subTitle {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.PushEdito-text {
    color: var(--msl-artwork-grey-1000)
}

.PushEdito-textLink {
    text-decoration: underline;
    color: var(--msl-artwork-grey-600)
}

.WelcomeMsg {
    padding: 0 20px 20px;
    text-align: center
}

.WelcomeMsg-title {
    margin-bottom: .5em;
    text-transform: none
}

.C012 {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px;
    background-color: transparent;
    font-family: var(--msl-fontFamily-body)
}

.C012-content {
    width: 70%;
    height: auto;
    position: absolute;
    margin: 0 15%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

@media (max-width: 1526px) {
    .C012-content {
        width:90%;
        margin: 0 5%
    }
}

@media (max-width: 1200px) {
    .C012-content {
        width:100%;
        margin: 0
    }
}

@media (max-width: 989px) {
    .C012-content {
        width:60%;
        margin: 0 20%
    }
}

@media (max-width: 879px) {
    .C012-content {
        width:70%;
        margin: 0 15%
    }
}

@media (max-width: 756px) {
    .C012-content {
        width:80%;
        margin: 0 10%
    }
}

@media (max-width: 663px) {
    .C012-content {
        width:100%;
        margin: 0;
        position: relative;
        top: 120px
    }
}

.C012-content img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px
}

.C012-content h1 {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: 0;
    margin-bottom: 20px
}

@media (max-width: 663px) {
    .C012-content h1 {
        font-size:var(--msl-fontSize-28)
    }
}

.C012-content h2 {
    text-transform: none
}

.C012-content a {
    display: block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-primary)
}

.C012-content a:hover {
    text-decoration: none;
    color: #308276
}

.C012-content a:active {
    text-decoration: none
}

.C012-content a:visited {
    text-decoration: none
}

.PushSimulator {
    padding: 15px 0
}

.PushSimulator .BlockLink {
    padding: 35px 50px 35px 30px;
    margin: 0;
    background-color: var(--msl-artwork-grey-50);
    cursor: pointer
}

.PushSimulator .BlockLink:hover {
    background-color: var(--msl-brand-secondary-400)
}

.PushSimulator .BlockLink:hover .BlockLink-text {
    color: var(--msl-artwork-grey-0)
}

.PushSimulator .BlockLink:hover .BlockLink-time,.PushSimulator .BlockLink:hover .BlockLink-time:before {
    color: var(--msl-artwork-grey-0)
}

.PushSimulator .BlockLink:focus .BlockLink-arrow,.PushSimulator .BlockLink:focus .BlockLink-cat {
    color: var(--msl-brand-primary)
}

.PushSimulator .BlockLink:focus .BlockLink-desc {
    color: var(--msl-artwork-grey-1000)
}

.PushSimulator .BlockLink .Blocklink--table {
    display: inline-block
}

.PushSimulator .BlockLink-cat--width70 {
    width: 70%;
    padding-right: 10px
}

.PushSimulator .BlockLink-text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    float: left;
    width: auto;
    color: var(--msl-brand-primary);
    margin-top: 15px;
    padding-right: 10px
}

.PushSimulator .BlockLink-text:first-letter {
    text-transform: uppercase
}

.PushSimulator .BlockLink-time {
    float: left;
    width: auto;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-600);
    margin-top: 15px;
    padding-right: 10px
}

.PushSimulator .BlockLink-time:before {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: "";
    margin: 3px 10px -3px;
    font-size: var(--msl-fontSize-12);
    color: var(--msl-artwork-grey-600)
}

.PushSimulator .BlockLink-arrow {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.PushSimulator .BlockLink-specialOffer {
    position: absolute;
    top: -20px;
    right: 0;
    margin: 20px 0 0;
    padding: 9px 17px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600);
    letter-spacing: .1em;
    text-transform: uppercase;
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.PushSimulator-offerCondition {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-600);
    padding-right: 10px;
    text-align: right;
    bottom: -20px;
    right: 0
}

.pushMultiple--container {
    width: 90%;
    margin: 15px auto
}

.pushMultiple-list {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0
}

.pushMultiple-list .BlockLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pushMultiple-list .BlockLink-cell--icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.pushMultiple-list .BlockLink-cell--iconCropper {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.pushMultiple-list .BlockLink-icon {
    display: block;
    width: 100%;
    height: 100%
}

.pushMultiple-list.owl-carousel {
    outline: 0;
    padding: 0 20px
}

.pushMultiple-list.owl-carousel .owl-item {
    outline: 0
}

.pushMultiple-list.owl-loaded {
    display: block;
    position: relative
}

.pushMultiple-list.owl-loaded img {
    display: inline-block;
    width: 100%;
    max-width: 110px
}

.pushMultiple-list.owl-loaded .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.pushMultiple-list.owl-loaded .owl-dots {
    margin-top: 20px
}

.pushMultiple-list.owl-loaded .owl-dots.disabled {
    display: none
}

.pushMultiple-list.owl-loaded .owl-next,.pushMultiple-list.owl-loaded .owl-prev {
    position: absolute;
    top: 40%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.pushMultiple-list.owl-loaded .owl-next.disabled,.pushMultiple-list.owl-loaded .owl-prev.disabled {
    display: none
}

@media (max-width: 649px) {
    .pushMultiple-list.owl-loaded .owl-next,.pushMultiple-list.owl-loaded .owl-prev {
        width:5%;
        height: 100%
    }

    .pushMultiple-list.owl-loaded .owl-next:after,.pushMultiple-list.owl-loaded .owl-prev:after {
        top: 40%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.pushMultiple-list.owl-loaded .owl-prev {
    left: 0
}

.pushMultiple-list.owl-loaded .owl-prev:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.pushMultiple-list.owl-loaded .owl-next {
    right: 0
}

.pushMultiple-list.owl-loaded .owl-next:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 649px) {
    .pushMultiple-list.owl-loaded .owl-next,.pushMultiple-list.owl-loaded .owl-prev {
        width:5%;
        height: 100%
    }

    .pushMultiple-list.owl-loaded .owl-next:after,.pushMultiple-list.owl-loaded .owl-prev:after {
        top: 55%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 649px) {
    .pushMultiple-list .BlockLink {
        padding-left:10px
    }

    .pushMultiple-list .BlockLink-cell+.BlockLink-cell {
        padding-left: 10px
    }
}

.pushMultiple-item {
    overflow: hidden;
    margin-top: 15px
}

.pushMultiple-item:first-child {
    margin-top: 0
}

.pushMultiple-item .BlockLink {
    margin: 0
}

.pushMultiple-list:not(.owl-carousel) {
    padding: 0 20px!important
}

@media (min-width: 1366px) {
    .pushMultiple-list:not(.owl-carousel) .pushMultiple-item {
        display:inline-block;
        width: 49%;
        margin-top: 0;
        margin-left: 1%
    }

    .pushMultiple-list:not(.owl-carousel) .pushMultiple-item:first-child {
        margin-left: 0
    }
}

.pushMultiple-title {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    margin: 0 0 10px
}

.pushMultiple-title--bold {
    font-weight: var(--msl-fontWeight-700);
    display: block
}

.pushMultiple-title .pushMultiple-all {
    text-transform: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    float: right
}

.PushPage {
    padding: 3em;
    text-align: center
}

.PushPage-head {
    padding-bottom: 3em;
    text-shadow: none
}

.PushPage-itemTitle,.PushPage-title {
    margin-top: 0;
    color: var(--msl-artwork-grey-900);
    text-shadow: none
}

.PushPage-items {
    margin: 0 -15px;
    font-size: 0
}

.PushPage-item {
    display: inline-block;
    width: 100%;
    margin: 0 0 3em;
    padding: 0 15px;
    font-size: var(--msl-fontSize-16);
    vertical-align: top
}

.PushPage-itemImageWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto 1em;
    width: 130px;
    height: 130px;
    max-width: 100%
}

.PushPage-itemImageWrap--circled {
    overflow: hidden;
    background: var(--msl-brand-secondary-400);
    border-radius: 99px
}

.PushPage-itemImage {
    display: block;
    max-width: 130px;
    max-height: 130px
}

.PushPage-bottom {
    margin-top: 1em
}

.PushPage-button {
    padding-left: 40px;
    padding-right: 40px;
    white-space: unset
}

.PushPage-carousel {
    display: none
}

@media (min-width: 650px) and (max-width:989px) {
    .PushPage-bottom {
        margin-top:3em
    }
}

@media (min-width: 650px) {
    .PushPage-item {
        width:100%
    }
}

@media (min-width: 990px) {
    .PushPage-item {
        width:33.33%
    }
}

.Citation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 490px;
    height: auto;
    padding: 3vw 4%;
    background: center no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto
}

.Citation-head {
    margin: 0 0 1em;
    padding: 0;
    width: 100%;
    text-align: left
}

.Citation-title {
    text-transform: uppercase;
    color: var(--msl-artwork-grey-0);
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.Citation-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 71%;
    margin: 0 auto
}

.Citation-text {
    position: relative;
    padding: 30px 50px 0;
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-0);
    width: 100%
}

@media (max-width: 649px) {
    .Citation-text {
        font-size:var(--msl-fontSize-28);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        overflow-wrap: break-word
    }
}

.Citation-text:after,.Citation-text:before {
    position: absolute;
    font-size: var(--msl-fontSize-34);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary,var(--msl-brand-secondary-400));
    line-height: 1em;
    width: 1em
}

.Citation-text:before {
    content: "";
    top: 0;
    left: 0
}

.Citation-text:after {
    content: "";
    right: 0;
    bottom: 0
}

.Citation-signature {
    position: relative;
    margin-top: 20px;
    padding: 0 50px;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.Citation-signature:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 27px;
    border-top: 1px solid var(--msl-artwork-grey-0);
    border-top-color: currentColor
}

.Citation-signature strong {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 989px) {
    .Citation {
        padding:5vw 8%
    }

    .Citation-content {
        max-width: 85%
    }
}

@media (max-width: 649px) {
    .Citation-content {
        max-width:none
    }
}

.ShareMail input.form-control {
    color: var(--msl-artwork-grey-600)!important
}

.PushCarousel5 {
    width: auto;
    height: auto
}

.PushCarousel5-masking {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.PushCarousel5-carousel {
    width: 100%;
    height: 100%;
    background-color: var(--pushCarousel5-background,var(--msl-brand-secondary-400));
    overflow: hidden;
    outline: 0
}

.PushCarousel5-carouselIndicators {
    bottom: 5em;
    margin-bottom: 100px
}

.PushCarousel5-carouselInner {
    height: 100%
}

.PushCarousel5-item {
    height: 100%
}

.PushCarousel5-carouselCaption {
    position: static;
    left: 8%;
    right: 8%;
    padding: 6em 20% 5em;
    text-shadow: none
}

.PushCarousel5-badge {
    display: inline-block;
    min-width: 50px;
    padding: 15px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-brand-secondary-500);
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: var(--msl-artwork-grey-100);
    border-radius: 50px
}

.PushCarousel5-text,.PushCarousel5-text h2 {
    margin-bottom: 150px;
    color: var(--msl-artwork-grey-0);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: none
}

.PushCarousel5-blockButton {
    position: absolute;
    left: 0;
    bottom: 5em;
    width: 100%;
    padding: 0
}

.PushCarousel5-button {
    font-weight: var(--msl-fontWeight-400);
    padding-left: 40px;
    padding-right: 40px;
    color: var(--pushCarousel5-important,var(--msl-brand-primary));
    background-color: var(--pushCarousel5-importantInverted,var(--msl-artwork-grey-0));
    border-color: transparent;
    font-size: var(--msl-fontSize-16)
}

.PushCarousel5-button:focus,.PushCarousel5-button:hover {
    color: var(--pushCarousel5-importantInverted,var(--msl-artwork-grey-0));
    background-color: var(--pushCarousel5-important,var(--msl-brand-primary));
    border-color: var(--msl-artwork-grey-0)
}

@media all and (max-width: 989px) {
    .PushCarousel5-carouselCaption {
        padding-left:23%;
        padding-right: 23%
    }
}

.BannerTip {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.BannerTip__text {
    font-weight: var(--msl-fontWeight-600)
}

.BannerTip__icon {
    min-width: 44px
}

.BannerTip__icon:before {
    content: "";
    background-color: var(--msl-brand-secondary-400);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--msl-fontSize-18);
    color: #fff
}

.ClosestAgency {
    padding: 1em;
    text-align: center;
    overflow: hidden
}

a.ClosestAgency-row {
    display: block;
    height: 100%;
    height: -webkit-calc(100% + 2em);
    height: calc(100% + 2em);
    margin: -1em -15px;
    padding: 1em 0
}

.ClosestAgency-image {
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    float: none;
    height: 70px;
    max-width: 200px;
    margin: 0 auto
}

.ClosestAgency-image img {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    max-height: 70px
}

.ClosestAgency-text {
    padding: .2em 0;
    color: var(--msl-artwork-grey-900);
    text-transform: uppercase;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.ClosestAgency-adresse {
    text-decoration: none;
    font-size: 11px!important;
    color: var(--msl-artwork-grey-600)
}

.ClosestAgency-link {
    text-decoration: underline;
    color: var(--msl-brand-primary)
}

.ClosestAgency-blockLink,.ClosestAgency-row {
    text-decoration: none
}

.ClosestAgency-blockLink:hover,.ClosestAgency-row:hover {
    text-decoration: none
}

.ClosestAgency--col .ClosestAgency-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ClosestAgency--col .ClosestAgency-content,.ClosestAgency--col .ClosestAgency-image {
    float: none;
    width: 100%;
    margin: 0 auto
}

.ClosestAgency--col .ClosestAgency-image {
    margin-bottom: 20px
}

@media (max-width: 989px) {
    .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-row,.ClosestAgency:not(.ClosestAgency--col) a.ClosestAgency-row {
        display:table;
        table-layout: fixed;
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-content,.ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-image {
        display: table-cell;
        float: none
    }

    .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-image {
        vertical-align: middle
    }

    .ClosestAgency:not(.ClosestAgency--col) .ClosestAgency-content {
        text-align: left
    }
}

.PushNeedHelp {
    padding: 1em;
    text-align: center
}

.PushNeedHelp-image {
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 200px;
    height: 70px;
    margin: 0 auto
}

.PushNeedHelp-image img {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    max-height: 70px
}

.PushNeedHelp-blockTitle {
    text-decoration: none
}

.PushNeedHelp-blockTitle:hover {
    text-decoration: none
}

.PushNeedHelp-title,.PushNeedHelp-title h4 {
    text-decoration: none;
    color: var(--msl-artwork-grey-900);
    padding: .2em 0;
    text-transform: uppercase;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.PushNeedHelp-text,.PushNeedHelp-text p {
    text-decoration: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.PushNeedHelp-link,.PushNeedHelp-link a {
    text-decoration: underline;
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 990px) {
    .PushNeedHelp-row {
        display:table;
        table-layout: fixed;
        width: 100%
    }

    .PushNeedHelp-blockImage,.PushNeedHelp-content {
        display: table-cell;
        float: none
    }

    .PushNeedHelp-blockImage {
        vertical-align: middle
    }

    .PushNeedHelp-content {
        text-align: left
    }
}

.AppStoreCA {
    padding: 1em;
    text-align: center
}

.AppStoreCA-image {
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    float: none;
    max-width: 200px;
    height: 70px;
    margin: 0 auto
}

.AppStoreCA-image>div {
    width: 100%
}

.AppStoreCA-image img {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    max-height: 70px
}

.AppStoreCA-text {
    color: var(--msl-artwork-grey-900);
    padding: .2em 0;
    text-transform: uppercase;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.AppStoreCA-app-logo {
    display: table;
    min-width: 100px;
    max-width: 100%;
    margin: auto;
    table-layout: fixed
}

.flexbox .AppStoreCA-app-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.AppStoreCA-app-logo>div {
    display: table-cell;
    padding: 0 1%;
    min-width: 10px
}

.flexbox .AppStoreCA-app-logo>div {
    display: block
}

.AppStoreCA-app-logo img {
    max-width: 100%
}

.AppStoreCA-content {
    margin-right: 0;
    margin-left: 0
}

@media (max-width: 990px) {
    .AppStoreCA-row {
        display:table;
        table-layout: fixed;
        width: 100%
    }

    .AppStoreCA-content,.AppStoreCA-image {
        display: table-cell;
        float: none
    }

    .AppStoreCA-image {
        vertical-align: middle
    }

    .AppStoreCA-content {
        text-align: left
    }
}

.Breadcrumb {
    margin: var(--msl-spacing-400) 5% var(--msl-spacing-400) 5%
}

.Breadcrumb ol {
    margin-bottom: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.Breadcrumb ol li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.Breadcrumb ol li .icon {
    padding: 0 var(--msl-spacing-50);
    margin: 0 var(--msl-spacing-100)
}

.Breadcrumb ol li a {
    font-size: var(--msl-fontSize-14);
    text-decoration: underline
}

.Breadcrumb ol li::before {
    display: none
}

.Breadcrumb-homepage {
    margin: 15px 5% 0
}

.Breadcrumb-link {
    text-decoration: none;
    color: var(--msl-text-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.Breadcrumb-link:focus,.Breadcrumb-link:hover {
    color: var(--msl-text-primary-pressed)
}

.Breadcrumb-link:focus-visible {
    outline-style: auto;
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator)
}

.Breadcrumb-arrow {
    padding: 0 .3em
}

.Breadcrumb-arrow:before {
    content: "\003E"
}

.Breadcrumb-link--selected {
    color: var(--msl-artwork-grey-900);
    font-weight: var(--msl-fontWeight-400);
    font-size: var(--msl-fontSize-14)
}

.Breadcrumb-link--selected:focus,.Breadcrumb-link--selected:hover {
    color: var(--msl-artwork-grey-900)
}

@media (max-width: 649px) {
    .Breadcrumb {
        display:none
    }
}

.Breadcrumb--light {
    color: var(--msl-artwork-grey-0)
}

.Breadcrumb--light .Breadcrumb-link {
    font-weight: var(--msl-fontWeight-400)
}

.Breadcrumb--light .Breadcrumb-link,.Breadcrumb--light .Breadcrumb-link--selected {
    color: var(--msl-artwork-grey-0)
}

.Breadcrumb--light .Breadcrumb-link--selected {
    font-weight: var(--msl-fontWeight-400)
}

.js-LayerNav-account .Header-menuHeader,.js-LayerNav-cael .Header-menuHeader {
    position: static;
    padding-right: 0;
    padding-left: 60px
}

.HubAccounts {
    padding: 0 9.5%
}

.HubAccounts-cael {
    padding: 0 15%;
    margin-bottom: 80px
}

@media (max-width: 989px) {
    .HubAccounts-cael {
        padding:0 5%
    }
}

.HubAccounts-caelBack {
    padding-left: 5%;
    padding-top: 20px
}

@media (min-width: 990px) {
    .HubAccounts-caelBack {
        position:absolute;
        top: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        padding: 0
    }
}

.HubAccounts-caelBackLink {
    color: var(--msl-artwork-grey-0)
}

.HubAccounts-caelBackLink:active,.HubAccounts-caelBackLink:focus,.HubAccounts-caelBackLink:hover,.HubAccounts-caelBackLink:visited {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.HubAccounts-caelBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 80px;
    background-color: var(--msl-brand-secondary-500);
    margin-top: 20px;
    padding-left: 5%
}

@media (min-width: 990px) {
    .HubAccounts-caelBanner {
        display:none
    }
}

.HubAccounts-caelBannerTitle {
    font-size: var(--msl-fontSize-24)
}

.HubAccounts-caelBannerTitle,.HubAccounts-titleCael {
    line-height: 27px
}

.HubAccounts-title {
    margin: 30px 0 15px;
    font-size: var(--msl-fontSize-24)
}

.HubAccounts-titleCael {
    margin-top: 20px;
    margin-bottom: 80px;
    font-size: var(--msl-fontSize-28)
}

.HubAccounts-titleBlockCael {
    margin: 60px 0 10px 1%
}

@media (max-width: 989px) {
    .HubAccounts-titleBlockCael {
        margin-left:0
    }
}

@media (min-width: 990px) {
    .HubAccounts-content {
        margin:0 -1%;
        font-size: 0;
        letter-spacing: -.31em;
        word-spacing: -0.43em;
        text-rendering: optimizespeed
    }
}

.HubAccounts-link {
    margin: 1% 0;
    color: var(--msl-brand-primary)
}

@media (min-width: 990px) {
    .HubAccounts-link {
        display:inline-block;
        width: 48%;
        margin: 1%;
        vertical-align: top;
        letter-spacing: normal;
        word-spacing: normal;
        text-rendering: auto;
        font-size: 12px;
        font-family: var(--msl-fontFamily-body)
    }
}

@media (min-width: 990px) {
    .HubAccounts-link--cael {
        width:60%;
        margin: .5% 1%
    }
}

.HubAccounts-linkIcon {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    vertical-align: middle;
    margin-right: 5px
}

.HubAccounts-linkIcon--img {
    display: inline-block;
    width: 22px;
    height: 15px
}

.HubAccounts-linkArrow {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-secondary-400)
}

.HubAccounts-linkPlus {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.PushMyBank {
    padding-bottom: 1em;
    text-align: center;
    margin: auto
}

.PushMyBank-image {
    padding-bottom: 1em
}

.PushMyBank-title {
    color: var(--msl-artwork-grey-900);
    text-transform: uppercase;
    font-weight: var(--msl-fontWeight-400)
}

.PushMyBank-title:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.PushMyBank-content {
    margin-right: 0;
    margin-left: 0
}

.PushMyBank-link {
    margin: 1em 0;
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline;
    margin-top: 20px
}

.PushMyBank-blockLink {
    padding-top: 1em
}

.PushMyBank-text {
    color: var(--msl-artwork-grey-900)
}

@media (max-width: 990px) {
    .PushMyBank {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .PushMyBank-content {
        text-align: left
    }

    .PushMyBank-image {
        -webkit-align-self: center;
        align-self: center
    }
}

.PartnerEntities {
    padding: 15px 25px;
    overflow: hidden
}

@media (min-width: 990px) {
    .PartnerEntities {
        float:left;
        margin: 0 auto;
        width: 50%
    }

    .PartnerEntities.cq-Editable-dom:first-child:nth-last-child(2),.PartnerEntities:first-child:last-child {
        width: 100%
    }
}

.PartnerEntities-title,.PartnerEntities-title h1 {
    color: var(--msl-artwork-grey-900);
    white-space: normal;
    margin-top: 0;
    text-transform: uppercase
}

.PartnerEntities-detail {
    margin-bottom: .5em
}

.PartnerEntities-content {
    margin: 30px 0 10px;
    overflow: hidden
}

@media (min-width: 650px) {
    .PartnerEntities-content {
        margin-left:-20px;
        margin-right: -20px
    }
}

.PartnerEntities-carousel {
    font-size: 0;
    letter-spacing: -.31em;
    word-spacing: -0.43em;
    text-rendering: optimizespeed
}

.PartnerEntities-carousel.owl-loaded {
    display: block;
    position: relative
}

.PartnerEntities-carousel.owl-loaded img {
    display: inline-block;
    width: auto;
    max-width: 106px
}

.PartnerEntities-carousel.owl-loaded .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.PartnerEntities-carousel.owl-loaded .owl-dots {
    margin-top: 20px
}

.PartnerEntities-carousel.owl-loaded .owl-dots.disabled {
    display: none
}

.PartnerEntities-carousel.owl-loaded .owl-next,.PartnerEntities-carousel.owl-loaded .owl-prev {
    position: absolute;
    top: 0;
    bottom: 40px;
    width: 2000px;
    cursor: pointer;
    background-color: var(--msl-artwork-grey-0)
}

.PartnerEntities-carousel.owl-loaded .owl-next.disabled,.PartnerEntities-carousel.owl-loaded .owl-prev.disabled {
    display: none
}

@media (min-width: 650px) {
    .PartnerEntities-carousel.owl-loaded .owl-next,.PartnerEntities-carousel.owl-loaded .owl-prev {
        width:auto;
        top: 45px;
        bottom: auto;
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: var(--msl-brand-primary)
    }
}

.PartnerEntities-carousel.owl-loaded .owl-prev {
    right: 100%;
    border-right: 2px solid var(--msl-artwork-grey-100)
}

@media (min-width: 650px) {
    .PartnerEntities-carousel.owl-loaded .owl-prev {
        left:0;
        right: auto;
        border: 0
    }

    .PartnerEntities-carousel.owl-loaded .owl-prev:after {
        content: "";
        position: absolute;
        top: 0;
        left: -5px
    }
}

.PartnerEntities-carousel.owl-loaded .owl-next {
    left: 100%;
    border-left: 2px solid var(--msl-artwork-grey-100)
}

@media (min-width: 650px) {
    .PartnerEntities-carousel.owl-loaded .owl-next {
        right:20px;
        left: auto;
        border: 0
    }

    .PartnerEntities-carousel.owl-loaded .owl-next:after {
        content: "";
        position: absolute;
        top: 0;
        left: 5px
    }
}

.PartnerEntities-carousel.owl-loaded .owl-item {
    background-color: var(--msl-artwork-grey-0);
    text-align: center
}

@media (min-width: 650px) {
    .PartnerEntities-carousel {
        padding:0 20px
    }
}

.PartnerEntities-item {
    display: inline-block;
    width: 100%;
    height: 100%;
    max-width: 106px;
    min-height: 106px;
    vertical-align: top;
    overflow: hidden;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 12px;
    font-family: var(--msl-fontFamily-body)
}

.PartnerEntities-itemLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.PartnerEntities-itemWrapImg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-height: 100%;
    margin: 0
}

.PartnerEntities-itemWrapdescription p,.PartnerEntities-itemWrapdescription span {
    margin: 0;
    padding: 10px
}

.PartnerEntities-itemImg {
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.PartnerEntities-itemDesc {
    padding: 10px;
    white-space: normal;
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.PushNinePos {
    position: relative;
    width: 100%;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400);
    background: var(--msl-brand-primary) no-repeat 50% 50%;
    background-size: cover
}

@media (max-width: 989px) {
    .PushNinePos {
        min-height:300px
    }
}

.PushNinePos--simulator {
    background-color: var(--msl-brand-secondary-500)
}

.PushNinePos--simulator .PushNinePos-paragraph {
    padding: 0 6%;
    text-align: left;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.PushNinePos--simulator .PushNinePos-paragraph--top {
    top: 10%
}

.PushNinePos--simulator .bloc-produit {
    position: absolute;
    left: 6%;
    bottom: 10%;
    width: 88%;
    height: 204px
}

.PushNinePos--simulator .bloc-produit .npc-msl-card {
    margin: var(--msl-spacing-00);
    width: 100%
}

.PushNinePos--simulator .bloc-produit .npc-msl-card .titreProduit {
    min-height: -webkit-calc(24px * 2);
    min-height: calc(24px * 2);
    margin: var(--msl-spacing-00) var(--msl-spacing-00) var(--msl-spacing-100)
}

.PushNinePos--simulator .bloc-produit .npc-msl-card .accrocheProduit {
    min-height: -webkit-calc(24px * 2);
    min-height: calc(24px * 2);
    margin: var(--msl-spacing-00) var(--msl-spacing-00) var(--msl-spacing-300)
}

.PushNinePos--simulator .BlockLink {
    position: absolute;
    left: 6%;
    bottom: 10%;
    width: 88%;
    padding-right: 20px;
    font-family: var(--msl-fontFamily-body)
}

.PushNinePos--simulator .BlockLink,.PushNinePos--simulator .BlockLink:hover {
    background: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-900)
}

.PushNinePos--simulator .BlockLink .BlockLink-desc,.PushNinePos--simulator .BlockLink .BlockLink-title,.PushNinePos--simulator .BlockLink:hover .BlockLink-desc,.PushNinePos--simulator .BlockLink:hover .BlockLink-title {
    margin-bottom: 10px;
    color: var(--msl-artwork-grey-900)
}

.PushNinePos--simulator .BlockLink .btn {
    width: 45%;
    margin-right: 10px;
    font-weight: var(--msl-fontWeight-700)
}

.PushNinePos--simulator .BlockLink .btn:last-child {
    margin: 0
}

@media (max-width: 989px) {
    .PushNinePos--simulator {
        display:none
    }
}

.PushNinePos-paragraph {
    padding: 0 20%;
    position: absolute;
    left: 0;
    right: 0;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    color: var(--msl-artwork-grey-0)
}

.PushNinePos-paragraph b,.PushNinePos-paragraph strong {
    font-family: var(--msl-fontFamily-body)
}

.PushNinePos-paragraph p {
    margin: 0
}

@media (max-width: 989px),(min-width:990px) and (max-height:650px) {
    .PushNinePos-paragraph {
        font-size:var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (max-width: 649px) {
    .PushNinePos-paragraph {
        padding:0 5%;
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

.PushNinePos-btn {
    position: absolute;
    border-radius: 18px;
    padding: 0 5%;
    font-family: var(--msl-fontFamily-body);
    text-transform: uppercase;
    line-height: 40px
}

.PushNinePos-btn,.PushNinePos-btn:hover {
    text-decoration: none
}

.PushNinePos-paragraph--middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushNinePos-paragraph--top {
    top: 5%;
    margin-top: 60px
}

.PushNinePos-paragraph--bottom {
    bottom: 10%
}

.PushNinePos-btn--topLeft {
    top: 7%;
    left: 5%
}

.PushNinePos-btn--topMiddle {
    top: 7%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.PushNinePos-btn--topRight {
    top: 7%;
    right: 5%
}

.PushNinePos-btn--middleLeft {
    top: 50%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushNinePos-btn--middleMiddle {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.PushNinePos-btn--middleRight {
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushNinePos-btn--bottomLeft {
    bottom: 7%;
    left: 5%
}

.PushNinePos-btn--bottomMiddle {
    bottom: 7%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.PushNinePos-btn--bottomRight {
    bottom: 7%;
    right: 5%
}

.MyAgency {
    display: table;
    width: 100%;
    text-align: left
}

@media (max-width: 989px) {
    .MyAgency {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 20px
    }
}

@media (min-width: 990px) {
    .MyAgency-content,.MyAgency-image {
        float:none;
        display: table-cell
    }
}

.MyAgency-image {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background: -webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
    background: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.MyAgency-content {
    padding: 3vw 4vw
}

.MyAgency-head {
    text-transform: uppercase;
    overflow: hidden;
    font-weight: var(--msl-fontWeight-600)
}

.MyAgency-headLink {
    float: right;
    text-transform: none
}

.MyAgency-title {
    margin-top: 10px;
    color: var(--msl-artwork-grey-900);
    font-weight: var(--msl-fontWeight-600)
}

.MyAgency-blockText {
    color: var(--msl-artwork-grey-900)
}

.MyAgency-text {
    line-height: 1.4
}

@media (max-width: 989px) {
    .MyAgency-bottom {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.MyAgency-link {
    margin-right: 1em
}

.MyAgency-link--black {
    color: var(--msl-artwork-grey-900)
}

.MyAgency-line {
    border-bottom: 1px solid var(--msl-artwork-grey-100);
    width: 100%;
    margin: 1em 0;
    display: none
}

@media (max-width: 989px) {
    .MyAgency-image {
        height:300px
    }
}

@media (max-width: 729px) {
    .MyAgency {
        display:block
    }

    .MyAgency-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .MyAgency-bottom {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .MyAgency-blockText {
        padding: 0 1em
    }

    .MyAgency-content {
        padding-bottom: 1em
    }

    .MyAgency-line {
        display: block
    }
}

.FastAccess {
    min-height: 300px;
    text-align: left;
    font-family: var(--msl-fontFamily-body);
    padding: 40px 0
}

.FastAccess-content {
    padding: 10px 5%
}

.FastAccess-title {
    width: 100%;
    height: auto;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    margin: 0 0 20px
}

.FastAccess-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -5px;
    padding: 0
}

.FastAccess-item {
    width: 50%;
    line-height: 46px
}

.FastAccess-item:first-child:last-child {
    width: 100%
}

.FastAccess-link {
    display: inline-block;
    position: relative;
    padding: 5px 0 5px 40px;
    margin: 3px 5px;
    line-height: 1.1
}

.FastAccess-link,.FastAccess-link:focus,.FastAccess-link:hover {
    text-decoration: none
}

.FastAccess-link:focus,.FastAccess-link:hover {
    color: #308276
}

.FastAccess-linkImg {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.FastAccess-linkTxt {
    text-decoration: underline
}

@media (max-width: 649px) {
    .FastAccess-item {
        width:100%
    }

    .FastAccess-item:nth-child(2n+2) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }
}

.CookieHeadband {
    width: 100%;
    background: rgba(0,0,0,.7);
    min-height: 60px;
    position: fixed;
    top: 120px;
    z-index: 100
}

@media (max-width: 989px) {
    .CookieHeadband {
        top:60px
    }
}

.aem-AuthorLayer-Edit .cq-Editable-dom .CookieHeadband {
    position: static
}

.Header--hidden~.CookieHeadband {
    top: 60px
}

.CookieHeadband-content {
    padding: 1em 4%
}

.CookieHeadband-text {
    color: var(--msl-artwork-grey-0);
    padding-right: 40px;
    padding-top: .5em
}

.CookieHeadband-link {
    text-decoration: underline;
    color: var(--msl-artwork-grey-0)
}

.CookieHeadband-link,.CookieHeadband-link:hover {
    color: var(--msl-artwork-grey-0)
}

.CookieHeadband-cross {
    position: absolute;
    right: 20px;
    top: 20px
}

.CookieHeadband-crossLink {
    cursor: pointer
}

.CookieHeadband-crossLink,.CookieHeadband-crossLink:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.CookieHeadband-logo {
    display: inline-block;
    width: 60px;
    margin: 0 5%;
    text-decoration: none;
    padding-top: 60px;
    background: url("./clientlib-resources/resources/images/commun/browsers/spriteNavigatorsBanner.png") no-repeat
}

.CookieHeadband-logo--chrome {
    background-position: 3px 0
}

.CookieHeadband-logo--edge {
    background-position: -57px 0
}

.CookieHeadband-logo--firefox {
    background-position: -119px 0
}

.CookieHeadband-logo--opera {
    background-position: -183px 0
}

.CookieHeadband-logo--safari {
    background-position: -242px 0
}

.CookieHeadband-logo--samsungInternet {
    background-position: -302px 0
}

.CookieHeadband-logoTitle {
    padding-top: 5px;
    color: var(--msl-artwork-grey-900);
    text-transform: uppercase
}

.StockIndices {
    padding: 20px 5%;
    width: 100%
}

.StockIndicesKE {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.StockIndicesKE.owl-loaded {
    position: relative;
    display: block
}

.StockIndicesKE.owl-loaded .owl-stage-outer {
    overflow: hidden
}

.StockIndicesKE.owl-loaded .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.StockIndicesKE.owl-loaded .owl-item .StockIndicesKE-blocs {
    height: 100%
}

.StockIndicesKE.owl-loaded .owl-next,.StockIndicesKE.owl-loaded .owl-prev {
    background: 0 0;
    border: none;
    color: var(--msl-brand-primary);
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px
}

.StockIndicesKE.owl-loaded .owl-next:before,.StockIndicesKE.owl-loaded .owl-prev:before {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1
}

.StockIndicesKE.owl-loaded .owl-next.disabled,.StockIndicesKE.owl-loaded .owl-prev.disabled {
    display: none
}

.StockIndicesKE.owl-loaded .owl-next:before,.StockIndicesKE.owl-loaded .owl-prev:before {
    left: 0;
    position: absolute;
    top: 0
}

@media (max-width: 649px) {
    .StockIndicesKE.owl-loaded .owl-next,.StockIndicesKE.owl-loaded .owl-prev {
        display:none
    }
}

.StockIndicesKE.owl-loaded .owl-prev {
    left: -30px
}

.StockIndicesKE.owl-loaded .owl-prev:before {
    content: ""
}

.StockIndicesKE.owl-loaded .owl-next {
    right: -30px
}

.StockIndicesKE.owl-loaded .owl-next:before {
    content: ""
}

.StockIndicesKE.owl-loaded .owl-dots {
    margin-top: 15px;
    text-align: center
}

.StockIndicesKE.owl-loaded .owl-dots.disabled {
    display: none
}

.StockIndices-title {
    font-family: var(--msl-fontFamily-body);
    text-transform: uppercase;
    margin: 0;
    font-weight: var(--msl-fontWeight-400);
    text-align: left
}

.StockIndices-date {
    text-align: right;
    line-height: 30px;
    font-family: var(--msl-fontFamily-body)
}

.StockIndices-text {
    width: 100%;
    font-family: var(--msl-fontFamily-body);
    text-align: left;
    margin: 10px 0
}

.StockIndices-list {
    list-style-type: none;
    margin: 0 -.5%;
    padding: 0;
    overflow: hidden
}

.StockIndices-item {
    position: relative;
    float: left;
    width: 32%;
    margin: 10px .5%
}

@media (max-width: 989px) {
    .StockIndices-item {
        float:none;
        width: 99%
    }
}

.StockIndices-content {
    display: block;
    padding: 15px;
    background-color: var(--msl-artwork-grey-50);
    text-decoration: none
}

.StockIndices-content:hover {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.StockIndices-content:hover .StockIndices-blocTitle {
    color: var(--msl-artwork-grey-0)
}

.StockIndices-content:hover .StockIndices-iconEvolution {
    color: var(--msl-artwork-grey-0)
}

@media (max-width: 989px) {
    .StockIndices-content {
        display:table;
        table-layout: fixed;
        width: 100%
    }
}

.StockIndicesKE-bloc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background-color: var(--msl-artwork-grey-50);
    color: var(--msl-brand-primary);
    min-height: 150px;
    width: 125px;
    padding: 10px;
    margin-right: 10px
}

.StockIndicesKE-bloc:last-child {
    margin-right: 0
}

@media (max-width: 989px) {
    .StockIndicesKE-bloc {
        margin-bottom:10px
    }
}

@media (max-width: 649px) {
    .StockIndicesKE-bloc {
        margin-right:0;
        width: auto
    }
}

a.StockIndicesKE-bloc {
    text-decoration: none;
    color: var(--msl-brand-primary)
}

a.StockIndicesKE-bloc:hover {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

a.StockIndicesKE-bloc:hover .StockIndices-blocTitle,a.StockIndicesKE-bloc:hover .StockIndices-points--KE,a.StockIndicesKE-bloc:hover .StockIndices-subpoints--KE,a.StockIndicesKE-bloc:hover .StockIndicesKE-blocDate {
    color: var(--msl-artwork-grey-0)
}

a.StockIndicesKE-bloc:active,a.StockIndicesKE-bloc:focus,a.StockIndicesKE-bloc:hover,a.StockIndicesKE-bloc:visited {
    text-decoration: none
}

.StockIndicesKE-pointWrapper {
    padding: 10px 0
}

.StockIndicesKE-blocs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

@media (max-width: 649px) {
    .StockIndicesKE-blocs {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.StockIndices-blocTitle {
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    text-align: left;
    padding-left: 10px
}

@media (max-width: 989px) {
    .StockIndices-blocTitle {
        display:table-cell;
        table-layout: fixed;
        text-align: left;
        vertical-align: middle;
        padding-left: 40px
    }
}

@media (max-width: 649px) {
    .StockIndices-blocTitle {
        display:table-cell;
        table-layout: fixed;
        text-align: left;
        vertical-align: middle;
        padding-left: 10px
    }
}

.StockIndices-blocTitle--KE {
    padding-left: 0
}

.StockIndices-points {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-align: left;
    padding-top: 10px;
    padding-left: 10px
}

@media (max-width: 989px) {
    .StockIndices-points {
        text-align:left;
        padding-left: 40px
    }
}

@media (max-width: 649px) {
    .StockIndices-points {
        text-align:left;
        padding-left: 10px
    }
}

.StockIndices-points--KE {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    padding: 0
}

.StockIndices-points--KE,.StockIndices-subpoints--KE {
    color: var(--msl-artwork-grey-900)
}

.StockIndices-subpoints--KE {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.StockIndices-percent {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    text-align: left;
    padding-top: 10px;
    padding-left: 10px
}

@media (max-width: 989px) {
    .StockIndices-percent {
        text-align:left;
        padding-left: 40px
    }
}

@media (max-width: 649px) {
    .StockIndices-percent {
        text-align:left;
        padding-left: 10px
    }
}

.StockIndices-iconEvolution {
    color: var(--msl-brand-primary)
}

@media (min-width: 990px) {
    .StockIndices-iconEvolution {
        position:absolute;
        bottom: 20px;
        right: 15px
    }
}

@media (max-width: 989px) {
    .StockIndices-iconEvolution {
        display:table-cell;
        text-align: center;
        vertical-align: middle
    }
}

.StockIndicesKE-blocDate {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.CarouselVideoPlayer {
    padding: 20px 5%;
    outline: 0
}

@media (max-width: 649px) {
    .CarouselVideoPlayer {
        padding:20px 7%
    }
}

.CarouselVideoPlayer.owl-carousel .owl-dots {
    padding-top: 15px
}

.CarouselVideoPlayer.owl-carousel .owl-stage {
    margin: 0 auto
}

.CarouselVideoPlayer.owl-carousel .owl-item {
    padding: 0 7px
}

.VideoPlayer {
    position: relative;
    width: 100%;
    min-height: 300px;
    background: var(--msl-brand-primary) no-repeat 50% 50%;
    background-size: cover
}

.VideoPlayer-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100px;
    height: 100px;
    margin: -50px;
    opacity: .8;
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-0);
    border-radius: 50%;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.VideoPlayer-play:focus,.VideoPlayer-play:hover {
    opacity: 1;
    text-decoration: none
}

.VideoPlayer-play:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    font-size: var(--msl-fontSize-18);
    line-height: 1
}

@media (max-width: 989px) {
    .VideoPlayer-play {
        width:75px;
        height: 75px
    }
}

.VideoPlayer-textBloc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6.5%;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase;
    text-align: left
}

@media (max-width: 989px) {
    .VideoPlayer-textBloc {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

.VideoPlayer-Category,.VideoPlayer-Duration,.VideoPlayer-Title {
    margin: 0
}

.VideoPlayer-Category {
    letter-spacing: .02em;
    margin-bottom: .5em
}

.VideoPlayer-Title {
    font-size: 1.5714em
}

.VideoPlayer-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    background: var(--msl-artwork-grey-1000);
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s
}

.VideoPlayer-video-autoplay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: var(--msl-artwork-grey-1000);
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s
}

.VideoPlayer--play .VideoPlayer-video {
    visibility: visible;
    opacity: 1
}

.VideoPlayer--ratio16 {
    height: 0;
    padding-top: 56.25%
}

.VideoPlayer--ratio4 {
    height: 0;
    padding-top: 75%
}

.Blog {
    width: 100%
}

.Blog-link,.Blog-title {
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.Blog-link:last-child,.Blog-title:last-child {
    border-bottom: 0
}

.Blog-title {
    width: 100%;
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    padding: 30px 10px 25px 30px
}

.Blog-title--style {
    color: var(--msl-artwork-grey-1000);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    border-bottom: 0
}

.Blog-link {
    display: table;
    width: 100%;
    padding: 10px;
    text-decoration: none
}

.Blog-link:focus,.Blog-link:hover {
    text-decoration: none
}

.Blog-img {
    display: table-cell;
    vertical-align: middle
}

.Blog-img img {
    max-width: 75px;
    max-height: 75px
}

.Blog-contentText {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 10px
}

.Blog-contentTitle {
    width: 100%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 10px
}

.Blog-contentDescription {
    width: 100%;
    color: var(--msl-artwork-grey-1000);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    text-align: left
}

.Blog-linkAllBlog {
    width: 100%;
    height: 75px;
    text-align: right;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    padding-right: 20px
}

.Blog-linkAllBlog:hover {
    color: #308276;
    text-decoration: none
}

.CourseProject {
    padding: 5%;
    overflow: hidden
}

.CourseProject-title {
    margin-bottom: 15px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase
}

.CourseProject-list {
    margin: 0 -1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -40px
}

.CourseProject-item {
    padding: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    text-align: center
}

.CourseProject-itemLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 10px;
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    background: var(--msl-artwork-grey-50);
    text-decoration: none;
    width: 100%
}

.CourseProject-itemLink:focus,.CourseProject-itemLink:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    background: var(--msl-brand-secondary-400)
}

.CourseProject-itemImage {
    display: block;
    margin: 0 auto
}

.CourseProject-itemText {
    display: block;
    margin: 0 auto
}

.CourseProject-itemText:first-child {
    margin-top: 15px
}

.CourseProject-itemText:last-child {
    margin-bottom: 15px
}

.CourseProject-itemText:first-child:last-child {
    max-width: 170px
}

@media (min-width: 650px) {
    .CourseProject-item {
        width:50%;
        min-height: 125px;
        text-align: center
    }

    .CourseProject-itemImageWrapper {
        display: block;
        height: 60px;
        line-height: 60px;
        margin-bottom: 5px
    }

    .CourseProject-itemImage {
        display: inline-block;
        max-height: 100%;
        vertical-align: middle;
        max-width: 60px
    }
}

@media (max-width: 649px) {
    .CourseProject-itemLink {
        width:100%;
        table-layout: fixed;
        padding: 20px;
        min-height: 110px
    }

    .CourseProject-itemText br {
        display: none
    }

    .CourseProject-itemImage {
        display: inline-block;
        max-height: 100%;
        vertical-align: middle;
        max-width: 60px
    }
}

.Template-backgroundBrandGray01 .CourseProject-itemLink {
    background: var(--msl-artwork-grey-0)
}

.Template-backgroundBrandGray01 .CourseProject-itemLink:focus,.Template-backgroundBrandGray01 .CourseProject-itemLink:hover {
    background: var(--msl-brand-secondary-400)
}

.PushAdvice {
    min-height: 300px;
    margin-bottom: 20px;
    display: block
}

.PushAdvice-imageWrapper {
    height: 180px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.PushAdvice-text {
    padding: 20px
}

.PushAdvice-title {
    text-transform: uppercase;
    color: var(--pushAdvice-title-color,var(--msl-artwork-grey-900));
    line-height: 25px
}

.PushAdvice-title a,.PushAdvice-title a:focus,.PushAdvice-title a:hover {
    text-decoration: none;
    color: inherit
}

.PushAdvice.matchHeight[style*=height] {
    display: block
}

.OurSolutionToSave {
    padding-top: 3%;
    padding-bottom: 5%
}

.OurSolutionToSave-container {
    max-width: 920px;
    margin: 0 auto
}

.OurSolutionToSave-mainTitle {
    text-align: center;
    padding-bottom: 3%
}

.OurSolutionToSave-blocs {
    margin: 0 -5px
}

@media screen and (max-width: 989px) {
    .OurSolutionToSave-blocs {
        margin:0 5%
    }
}

.OurSolutionToSave-bloc {
    padding: 5px
}

.OurSolutionToSave-blocLink {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 124px;
    padding: 7px;
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.OurSolutionToSave-blocLink:focus,.OurSolutionToSave-blocLink:hover {
    padding-right: 40px;
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.OurSolutionToSave-blocLink:focus .OurSolutionToSave-blocMain:after,.OurSolutionToSave-blocLink:hover .OurSolutionToSave-blocMain:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 1em;
    height: 1em;
    margin: -.5em 0;
    font-size: var(--msl-fontSize-12)
}

.OurSolutionToSave-blocImgWrapper,.OurSolutionToSave-blocMain {
    display: table-cell;
    vertical-align: middle
}

.OurSolutionToSave-blocImgWrapper {
    width: 110px;
    height: 110px;
    background: var(--msl-brand-secondary-400);
    text-align: center;
    padding: 5px
}

.OurSolutionToSave-blocImg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: 110px;
    height: 110px
}

.OurSolutionToSave-blocMain {
    padding-left: 20px
}

.OurSolutionToSave-blocMain:first-child {
    padding-left: 23px
}

.OurSolutionToSave-blocMain:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background: var(--msl-brand-secondary-400)
}

.OurSolutionToSave-blocTitle {
    font-weight: var(--msl-fontWeight-700)
}

@media screen and (max-width: 415px) {
    .OurSolutionToSave-blocTitle {
        width:90%;
        margin-left: 5%;
        margin-right: 5%
    }
}

a.OurSolutionToSave-blocTitle,a.OurSolutionToSave-blocTitle:focus,a.OurSolutionToSave-blocTitle:hover {
    color: inherit;
    text-decoration: none
}

.OurSolutionToSave-blocText {
    margin-top: 7px;
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

@media screen and (max-width: 415px) {
    .OurSolutionToSave-blocText {
        width:90%;
        margin-left: 5%;
        margin-right: 5%;
        font-size: .9em
    }
}

@media screen and (min-width: 990px) {
    .OurSolutionToSave-blocs:after {
        content:'';
        display: table;
        clear: both
    }

    .OurSolutionToSave-bloc {
        float: left;
        width: 50%
    }

    .OurSolutionToSave-bloc:nth-child(odd) {
        clear: left
    }
}

@media screen and (max-width: 989px) {
    .OurSolutionToSave {
        background-color:var(--msl-artwork-grey-0)
    }

    .OurSolutionToSave-blocLink {
        background-color: var(--msl-artwork-grey-50)
    }
}

.TableSort-wrapper {
    margin: 5%
}

.TableSortHead-cell {
    padding: 10px 15px;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600);
    white-space: nowrap;
    background: var(--msl-brand-primary)
}

.TableSortHead-order {
    display: inline-block;
    margin-left: 7px;
    margin-right: -15px
}

.sorting_asc .TableSortHead-orderItem--desc,.sorting_desc .TableSortHead-orderItem--asc {
    opacity: .5
}

.TableSortHead-orderItem:focus,.TableSortHead-orderItem:hover {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.TableSortHead-orderItem {
    display: none;
    border: 5px solid transparent
}

.sorting .TableSortHead-orderItem,.sorting_asc .TableSortHead-orderItem,.sorting_desc .TableSortHead-orderItem {
    display: block
}

.TableSortHead-orderItem--asc {
    margin-bottom: 3px;
    border-top: 0;
    border-bottom-color: var(--msl-artwork-grey-0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.TableSortHead-orderItem--desc {
    border-top-color: var(--msl-artwork-grey-0);
    border-bottom: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.TableSortItem {
    background: var(--msl-artwork-grey-50)
}

.TableSortItem--click {
    cursor: pointer
}

.TableSortItem--click:focus,.TableSortItem--click:hover {
    background: var(--msl-artwork-grey-50)
}

.TableSortItem-minorText {
    color: var(--msl-artwork-grey-600)
}

.TableSortItem-cell {
    padding: 15px 0;
    vertical-align: middle
}

.TableSortItem-cell--percent,.TableSortItem-cell--taxable {
    padding-right: 1px
}

.TableSortItem-cell--limit .TableSortItem-valueBlock p:not(.TableSortItem-minorText) {
    white-space: nowrap
}

.TableSortItem-cell--actions {
    padding-left: 10px
}

.TableSortItem-cell--specific .TableSortItem-valueBlock {
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.TableSortItem-name {
    margin-bottom: 3px;
    color: var(--msl-brand-primary);
    text-transform: uppercase;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700)
}

.TableSortItem-description {
    margin-bottom: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.TableSortItem-valueBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 50px;
    padding: 5px 15px;
    background: var(--msl-artwork-grey-0)
}

.TableSortItem-valueBlock p {
    margin: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.TableSortItem-valueBlock .TableSortItem-minorText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.TableSortItem-cell--percent .TableSortItem-valueBlock,.TableSortItem-cell--specific .TableSortItem-valueBlock {
    border-top-left-radius: var(--msl-borderRadius-100);
    border-bottom-left-radius: var(--msl-borderRadius-100)
}

.TableSortItem-cell--limit .TableSortItem-valueBlock,.TableSortItem-cell--specific .TableSortItem-valueBlock {
    border-top-right-radius: var(--msl-borderRadius-100);
    border-bottom-right-radius: var(--msl-borderRadius-100)
}

.TableSortItem-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    padding: 7px;
    text-align: center;
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    background: var(--msl-brand-secondary-400);
    border-radius: var(--msl-borderRadius-100)
}

.TableSortItem-btn:focus,.TableSortItem-btn:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    background: var(--msl-brand-secondary-500)
}

.TableSortItem-btn:after {
    content: "";
    font-size: var(--msl-fontSize-11)
}

@media (min-width: 650px) {
    .TableSortItem-cell {
        border-bottom:1px solid var(--msl-artwork-grey-0)
    }

    .TableSortItem-cell--main {
        padding-left: 25px;
        padding-right: 10px
    }

    .TableSortItem-cell--actions {
        padding-right: 10px
    }

    .TableSortItem-cell--specific .TableSortItem-valueBlock {
        background: 0 0
    }
}

@media (max-width: 649px) {
    .TableSortHead {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        padding: 10px;
        background: var(--msl-brand-primary)
    }

    .TableSortHead-cell {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding: 0 10px
    }

    .TableSortHead-cell--actions,.TableSortHead-cell--main {
        display: none
    }

    .TableSortItem {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 10px 20px 20px;
        border-bottom: 1px solid var(--msl-artwork-grey-0)
    }

    .TableSortItem-cell {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding-top: 0;
        padding-bottom: 0
    }

    .TableSortItem-cell--main {
        width: 100%;
        margin-bottom: 10px
    }

    .TableSortItem-cell--percent {
        width: 14%
    }

    .TableSortItem-cell--limit,.TableSortItem-cell--taxable {
        width: -webkit-calc((86% - 35px)/ 3);
        width: calc((86% - 35px)/ 3)
    }

    .TableSortItem-cell--specific {
        width: -webkit-calc(100% - 35px);
        width: calc(100% - 35px)
    }

    .TableSortItem-cell--actions {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        width: 35px
    }

    .TableSortItem-description {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-11);
        font-weight: var(--msl-fontWeight-400);
        color: var(--msl-artwork-grey-600)
    }

    .TableSortItem-valueBlock {
        padding-left: 10px;
        padding-right: 10px
    }
}

.C109 {
    width: 100%;
    height: 100%
}

.C109 table {
    width: 100%;
    background-color: var(--msl-artwork-grey-50);
    border-collapse: collapse;
    font-family: var(--msl-fontFamily-body);
    line-height: 1.4;
    font-size: var(--msl-fontSize-14)
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 table {
        font-size:.6em
    }
}

.C109 th {
    width: auto;
    height: 50px;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    text-align: center
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 th {
        font-size:.9em
    }
}

.C109 th a {
    position: relative
}

.C109 td {
    width: 20%;
    text-align: center;
    border-bottom: 2px solid var(--msl-artwork-grey-0);
    padding-top: 20px;
    padding-bottom: 20px
}

.C109 a {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.C109 p {
    margin-bottom: 0
}

.C109 .C109-triangle__top {
    position: absolute;
    top: 0;
    margin-left: 5px
}

.C109 .C109-triangle__bottom {
    top: 8px;
    margin-left: 5px
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 .C109-triangle__bottom {
        top:5px
    }
}

.C109 .C109-libelle {
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary);
    text-transform: uppercase;
    margin-bottom: 10px
}

.C109 .C109-table__col1 {
    width: 41%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 .C109-table__col1 {
        width:28%
    }
}

.C109 .C109-table__col2 {
    width: 15%
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 .C109-table__col2__mobile {
        width:20%
    }
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 .C109-table__col4__mobile {
        width:20%
    }
}

.C109 .C109-table__col5 {
    width: 5%
}

.C109 .C109-table__col5 img {
    width: 28px
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 .C109-table__col5 {
        width:10%;
        padding: 0 1%
    }
}

.C109 .C109-table__row__col2__p {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-right: 2px;
    background-color: #fff;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border: 0 solid var(--msl-artwork-grey-1000)
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 .C109-table__row__col2__p {
        height:55px
    }
}

.C109 .C109-table__row__col3__p {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-right: 2px;
    background-color: var(--msl-artwork-grey-0)
}

@media screen and (min-width: 1px) and (max-width:600px) {
    .C109 .C109-table__row__col3__p {
        height:55px
    }
}

.C109 .C109-table__row__col4__content__p {
    position: relative;
    text-align: center;
    width: 100%;
    height: 55px;
    background-color: #fff;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border: 0 solid var(--msl-artwork-grey-1000)
}

.C109 .C109-table__row__col4__content__p .C109-table__row__col4__p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center
}

.C109 .C109-table__row__empty {
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary);
    margin-bottom: 0
}

.C109-arrowNext {
    width: 80%;
    margin: 0 10%;
    height: 55px;
    background-color: var(--msl-brand-secondary-400);
    border-radius: .25em;
    position: relative
}

.C109-arrowNext span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: var(--msl-artwork-grey-0);
    font-size: 1.3em
}

.callGreenBtnBloc {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    padding: 45px 80px;
    color: var(--msl-artwork-grey-0);
    background-color: #308276
}

@media (max-width: 989px) {
    .callGreenBtnBloc {
        min-height:200px;
        padding: 20px 7vw
    }
}

.callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary--inverted,.callGreenBtnBloc .vignette-client-action .card-secondary .callGreenBtnBloc-link.npc-msl-button-primary,.callGreenBtnBloc .vignette-client-action .card-secondary .callGreenBtnBloc-link.npc-msl-button-secondary--inverted,.callGreenBtnBloc .vignette-client-action .card-secondary-double .callGreenBtnBloc-link.npc-msl-button-primary,.callGreenBtnBloc .vignette-client-action .card-secondary-double .callGreenBtnBloc-link.npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary,.vignette-client-action .card-secondary .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-secondary--inverted,.vignette-client-action .card-secondary-double .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary,.vignette-client-action .card-secondary-double .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-secondary--inverted {
    color: #007461;
    text-decoration: none
}

.callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary--inverted:active,.callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary--inverted:hover,.callGreenBtnBloc .vignette-client-action .card-secondary .callGreenBtnBloc-link.npc-msl-button-primary:active,.callGreenBtnBloc .vignette-client-action .card-secondary .callGreenBtnBloc-link.npc-msl-button-primary:hover,.callGreenBtnBloc .vignette-client-action .card-secondary .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:active,.callGreenBtnBloc .vignette-client-action .card-secondary .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:hover,.callGreenBtnBloc .vignette-client-action .card-secondary-double .callGreenBtnBloc-link.npc-msl-button-primary:active,.callGreenBtnBloc .vignette-client-action .card-secondary-double .callGreenBtnBloc-link.npc-msl-button-primary:hover,.callGreenBtnBloc .vignette-client-action .card-secondary-double .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:active,.callGreenBtnBloc .vignette-client-action .card-secondary-double .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:hover,.vignette-client-action .card-secondary .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary:active,.vignette-client-action .card-secondary .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary:hover,.vignette-client-action .card-secondary .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:active,.vignette-client-action .card-secondary .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:hover,.vignette-client-action .card-secondary-double .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary:active,.vignette-client-action .card-secondary-double .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-primary:hover,.vignette-client-action .card-secondary-double .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:active,.vignette-client-action .card-secondary-double .callGreenBtnBloc .callGreenBtnBloc-link.npc-msl-button-secondary--inverted:hover {
    color: #075144
}

.callGreenBtnBloc-chatIcon {
    position: relative;
    margin-left: 20px
}

.callGreenBtnBloc-chatIcon .callGreenBtnBloc-chatSvg circle {
    stroke: none
}

.callGreenBtnBloc-chatIcon .icon {
    font-size: 4rem
}

@media (max-width: 989px) {
    .callGreenBtnBloc-chatIcon .icon {
        font-size:3rem
    }
}

@media (max-width: 649px) {
    .callGreenBtnBloc-chatIcon .icon {
        font-size:2rem
    }
}

.callGreenBtnBloc-text {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-400)
}

.callGreenBtnBloc-text strong {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 989px) {
    .callGreenBtnBloc-text {
        font-size:var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (max-width: 649px) {
    .callGreenBtnBloc-text {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }
}

.callGreenBtnBloc-link {
    margin-top: 10px
}

@media (max-width: 649px) {
    .callGreenBtnBloc-link {
        padding:10px
    }
}

.callGreenBtnBloc-link:hover {
    color: var(--msl-artwork-grey-100)
}

.callGreenBtnBloc[tabindex],a.callGreenBtnBloc {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    cursor: pointer
}

.callGreenBtnBloc[tabindex] .callGreenBtnBloc-chatIcon:after,a.callGreenBtnBloc .callGreenBtnBloc-chatIcon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    font-size: 3em
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .callGreenBtnBloc[tabindex] .callGreenBtnBloc-chatIcon:after,a.callGreenBtnBloc .callGreenBtnBloc-chatIcon:after {
        font-size: 3rem
    }
}

@media (max-width: 649px) {
    .callGreenBtnBloc[tabindex] .callGreenBtnBloc-chatIcon,a.callGreenBtnBloc .callGreenBtnBloc-chatIcon {
        font-size:var(--msl-fontSize-11)
    }
}

.callGreenBtnBloc[tabindex]:focus,.callGreenBtnBloc[tabindex]:hover,a.callGreenBtnBloc:focus,a.callGreenBtnBloc:hover {
    background: #004652
}

.callGreenBtnBloc--withBtn .callGreenBtnBloc-link {
    margin: auto
}

.callGreenBtnBloc--col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.callGreenBtnBloc--col .callGreenBtnBloc-chatIcon {
    margin-left: 0;
    margin-bottom: 30px
}

.callGreenBtnBloc--col .callGreenBtnBloc-main {
    width: 100%
}

.callGreenBtnBloc--col .callGreenBtnBloc-link {
    margin-top: 30px
}

.callGreenBtnBloc--row {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.callGreenBtnBloc--row .callGreenBtnBloc-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-self: stretch;
    align-self: stretch;
    width: 100%
}

.callGreenBtnBloc--row .callGreenBtnBloc-link {
    -webkit-align-self: flex-start;
    align-self: flex-start
}

@media print {
    .callGreenBtnBloc-link,.callGreenBtnBloc-main,.callGreenBtnBloc-text {
        display: none
    }
}

.C112 {
    width: 100%;
    font-family: var(--msl-fontFamily-body);
    clear: both
}

.C112--whiteBg {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    font-weight: var(--msl-fontWeight-400);
    font-family: var(--msl-fontFamily-body)
}

.C112--primary {
    font-weight: var(--msl-fontWeight-400);
    background-color: var(--msl-artwork-grey-50)
}

.C112--primary .C112-title {
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-600)
}

.C112-title {
    padding: 20px 20px 0;
    margin: 0
}

.C112-title--whiteBg {
    color: #19212d;
    font-weight: var(--msl-fontWeight-600);
    margin: 5% 5% 2% 0
}

.C112-text {
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.4;
    padding: 0 20px 20px;
    margin: 0
}

.C112-text--whiteBg {
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.4;
    margin: 0 5% 5% 0
}

.C112 .texte {
    text-align: left
}

.pushFaq {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    color: var(--msl-artwork-grey-900)
}

.pushFaq-MainTitle {
    width: 70%;
    text-align: center;
    margin: 30px auto;
    color: var(--msl-artwork-grey-900);
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media screen and (max-width: 736px) {
    .pushFaq-MainTitle {
        width:90%
    }
}

.pushFaq-globalQuestionsDiv {
    position: relative;
    margin-bottom: 1px;
    overflow: hidden
}

.pushFaq-globalQuestionsDiv a {
    text-decoration: none
}

.pushFaq-globalQuestionsDiv:first-child {
    border-top-left-radius: var(--msl-borderRadius-100);
    border-top-right-radius: var(--msl-borderRadius-100)
}

.pushFaq-globalQuestionsDiv:last-child {
    border-bottom-left-radius: var(--msl-borderRadius-100);
    border-bottom-right-radius: var(--msl-borderRadius-100)
}

.pushFaq-link {
    display: table;
    width: 100%;
    table-layout: fixed
}

.pushFaq-link:focus .pushFaq-linkText,.pushFaq-link:hover .pushFaq-linkText {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.pushFaq-linkImg,.pushFaq-linkText {
    display: table-cell;
    vertical-align: middle
}

.pushFaq-linkText {
    padding: 15px 25px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.pushFaq-linkImg {
    display: table-cell;
    width: 45px;
    text-align: center;
    font-size: 1.3em;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-400)
}

.pushFaq-btnWrapper {
    text-align: center
}

.pushFaq-btn {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700);
    text-transform: none;
    margin-top: 30px;
    margin-bottom: 30px
}

.pushFaq-btn:hover {
    color: var(--msl-artwork-grey-0)
}

.OnFooter {
    background-color: var(--msl-artwork-grey-0);
    padding-top: 25px;
    padding-bottom: 25px
}

@media (max-width: 649px) {
    .OnFooter {
        padding-top:5%;
        padding-bottom: 5%
    }
}

@media (min-width: 990px) {
    .OnFooter-main {
        display:table;
        table-layout: fixed;
        max-width: 1140px;
        width: 100%;
        margin: 0 auto
    }
}

.OnFooter--grayBg {
    background-color: var(--msl-artwork-grey-50)
}

.OnFooter-column {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width: 650px) {
    .OnFooter-column {
        display:inline-block;
        vertical-align: top;
        width: 48%;
        padding-left: 100px;
        text-align: left;
        border-right: none
    }
}

@media (min-width: 990px) {
    .OnFooter-column {
        display:table-cell;
        padding: 0;
        width: auto;
        text-align: left;
        border-right: 1px solid var(--msl-artwork-grey-900)
    }
}

.OnFooter-column:last-child {
    border-right: none
}

.OnFooter-title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase;
    margin-top: 0
}

@media (min-width: 990px) {
    .OnFooter-title {
        padding:0 60px
    }
}

.OnFooter-link {
    border-radius: var(--msl-borderRadius-50);
    line-height: 18px
}

.OnFooter-link:active {
    color: var(--msl-text-primary-pressed)
}

.OnFooter-link:hover {
    color: var(--msl-text-primary-hover)
}

@media (min-width: 990px) {
    .OnFooter-link {
        display:inline-block;
        padding: 2px 60px
    }
}

.BlockLinkContainer-head {
    padding: 0 0 20px
}

.BlockLinkContainer-title {
    margin: 0 0 20px;
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .BlockLinkContainer-title {
        font-size:var(--msl-fontSize-34)
    }
}

.BlockLinkContainer-text {
    margin: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.PushAccomp {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 989px) {
    .PushAccomp {
        width:100%
    }
}

.PushAccomp::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.2)
}

.PushAccomp-content {
    position: relative;
    z-index: 1;
    padding: 30px
}

.PushAccomp-title {
    line-height: 1.2;
    color: var(--msl-artwork-grey-0);
    margin-top: 0;
    padding: 0;
    font-weight: var(--msl-fontWeight-400);
    display: block
}

.PushAccomp-contentTitle {
    height: auto;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-0);
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px
}

.PushAccomp-colMerge {
    margin-top: 5px;
    margin-bottom: 5px
}

@media (max-width: 989px) {
    .PushAccomp-colMerge {
        margin:10px 0
    }
}

.PushAccomp-btn {
    height: 70px;
    border-radius: var(--msl-borderRadius-50);
    background-color: var(--msl-artwork-grey-0)
}

.PushAccomp-btnLink {
    display: table;
    width: 100%;
    height: 70px;
    padding-left: 20px;
    text-decoration: none;
    color: var(--msl-artwork-grey-1000);
    font-weight: var(--msl-fontWeight-600)
}

.PushAccomp-btnLink:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-1000)
}

.PushAccomp-btnLink:active {
    text-decoration: none
}

.PushAccomp-btnLink:visited {
    text-decoration: none
}

.PushAccomp-contentSubtitle {
    width: 90%;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    text-align: left;
    line-height: 1.5;
    padding-right: 10px
}

.PushAccomp-contentArrow {
    width: 10%;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.PushAccomp-tips {
    margin: 0 auto;
    width: 100%
}

@media (max-width: 989px) {
    .PushAccomp-tips {
        text-align:center
    }
}

@media (min-width: 990px) {
    .PushAccomp-tips {
        display:table;
        table-layout: fixed;
        width: 60%
    }
}

.PushAccomp-tipsPicto,.PushAccomp-tipsText {
    color: var(--msl-artwork-grey-0)
}

@media (min-width: 990px) {
    .PushAccomp-tipsPicto,.PushAccomp-tipsText {
        display:table-cell;
        vertical-align: middle
    }
}

.PushAccomp-tipsPictoContainer {
    width: 100px;
    display: table-cell;
    vertical-align: middle
}

.PushAccomp-tipsPicto {
    width: 100px;
    height: 100px;
    margin: auto;
    text-align: center;
    background-color: var(--msl-brand-secondary-400);
    border-radius: 50%;
    vertical-align: middle
}

@media (max-width: 989px) {
    .PushAccomp-tipsPicto {
        position:relative;
        margin-bottom: 20px
    }
}

.PushAccomp-tipsPictoImg {
    max-width: 40px;
    height: auto
}

@media (max-width: 989px) {
    .PushAccomp-tipsPictoImg {
        position:absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.PushAccomp-tipsText {
    padding-left: 15px;
    font: var(--msl-fontWeight-400) var(--msl-fontSize-18) var(--msl-fontFamily-body);
    color: var(--msl-artwork-grey-0)
}

.PushAccomp-textLink {
    display: inline-block;
    color: var(--msl-artwork-grey-0);
    font-size: var(--msl-fontSize-18)
}

.PushAccomp-textLink:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.PushAccomp-textLink:active {
    text-decoration: none
}

.PushAccomp-textLink:visited {
    text-decoration: none
}

.CourseProjectFixed {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 9999;
    min-height: 47px;
    background: var(--msl-artwork-grey-0);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s
}

.CourseProjectFixed:after,.CourseProjectFixed:before {
    content: '';
    display: table;
    clear: both
}

.CourseProjectFixed.js-sliderNav--reverse .CourseProjectFixed-toggle {
    left: 0;
    right: auto
}

.CourseProjectFixed-dropdownToggle {
    display: none
}

.CourseProjectFixed-nav {
    white-space: nowrap;
    display: inline-block;
    font-size: 0
}

.CourseProjectFixed-item {
    display: inline-block!important;
    vertical-align: bottom;
    font-size: var(--msl-fontSize-16);
    padding: var(--msl-spacing-200) var(--msl-spacing-300)!important
}

.CourseProjectFixed-item:after {
    content: '';
    position: absolute;
    left: 25px;
    right: 25px;
    height: 5px;
    color: var(--msl-artwork-grey-900);
    background: var(--msl-brand-secondary-400);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.CourseProjectFixed-item.active {
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-700)
}

.CourseProjectFixed-item.active:after {
    opacity: 1
}

.CourseProjectFixed-link {
    color: inherit;
    text-decoration: none;
    border-radius: var(--msl-borderRadius-50);
    padding: var(--msl-spacing-50)!important
}

.CourseProjectFixed-link:active {
    color: var(--msl-text-primary-pressed)
}

.CourseProjectFixed-link:hover {
    color: var(--msl-text-primary-hover)!important
}

.CourseProjectFixed-item--left {
    float: left
}

.CourseProjectFixed-item--right {
    float: right
}

.CourseProjectFixed--init {
    display: block
}

.CourseProjectFixed--forcedShow,.CourseProjectFixed--show {
    opacity: 1;
    visibility: visible
}

.CourseProjectFixed-title {
    float: left;
    padding: 20px 0 0 5%;
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase
}

.CourseProjectFixed-dropdownToggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50px;
    height: 47px
}

.CourseProjectFixed-dropdownToggle:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    margin: -.5em 0;
    line-height: 1
}

.CourseProjectFixed-navWrapper {
    position: relative
}

.CourseProjectFixed-item.active {
    color: var(--msl-brand-primary)
}

.CourseProjectFixed-link {
    color: inherit;
    text-decoration: none
}

.CourseProjectFixed-link:focus,.CourseProjectFixed-link:hover {
    color: var(--msl-brand-primary);
    background: 0 0!important
}

@media (max-width: 989px) {
    .CourseProjectFixed-buttons {
        width:100%;
        padding: var(--msl-spacing-200) var(--msl-spacing-300);
        background: #fff;
        position: fixed;
        bottom: 0
    }

    .CourseProjectFixed-buttons .btn {
        width: 100%
    }

    .T007__column1 {
        position: fixed;
        z-index: 50;
        top: 120px;
        left: 0;
        width: 100%;
        min-height: 0;
        background: 0 0;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1
    }

    .T007__panel-dropdownToggle,.T007__panel-nav {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-transition: .3s;
        transition: .3s
    }

    .T007__panel-dropdownToggle {
        display: block!important;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 10%;
        height: 47px
    }

    .T007__panel-dropdownToggle:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 50%;
        margin: -.5em 0;
        line-height: 1
    }

    .T007__panel-nav {
        min-height: 47px
    }

    .CourseProjectFixed--show .T007__panel-dropdownToggle,.CourseProjectFixed--show .T007__panel-nav {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .T007__panel-nav {
        background: var(--msl-artwork-grey-0)
    }

    .T007__panel-item {
        display: none!important
    }

    .T007__panel-item.active {
        display: block!important
    }

    .T007__panel-link {
        padding: 15px 5%!important
    }

    .CourseProjectFixed--open .T007__panel-dropdownToggle:before {
        content: ""
    }

    .CourseProjectFixed--open .T007__panel-link {
        padding-top: 7px!important;
        padding-bottom: 7px!important
    }

    .CourseProjectFixed--open .T007__panel-item {
        display: block!important
    }

    .CourseProjectFixed--open .T007__panel-item:first-child .T007__panel-link {
        padding-top: 15px!important
    }

    .CourseProjectFixed--open .T007__panel-item:last-child .T007__panel-link {
        padding-bottom: 15px!important
    }
}

@media (min-width: 990px) {
    .CourseProjectFixed {
        text-align:center
    }

    .Header:not(.Header--hidden)~div .CourseProjectFixed {
        top: 120px
    }

    .CourseProjectFixed .souscrire-device-correct,.CourseProjectFixed .souscrire-device-incorrect {
        float: right
    }

    .CourseProjectFixed-buttons {
        float: right;
        padding: 10px
    }

    .CourseProjectFixed-buttons .btn {
        margin: 0 3px
    }
}

@media (max-width: 650px) {
    .CourseProjectFixed {
        min-height:0;
        background: 0 0;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1
    }

    .CourseProjectFixed .souscrire-device-correct,.CourseProjectFixed .souscrire-device-incorrect {
        float: unset
    }

    .CourseProjectFixed-dropdownToggle,.CourseProjectFixed-nav {
        display: none
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .CourseProjectFixed {
        display:block;
        text-align: center;
        opacity: 1;
        visibility: visible;
        position: fixed
    }

    .CourseProjectFixed .souscrire-device-correct,.CourseProjectFixed .souscrire-device-incorrect {
        float: unset
    }
}

.T006 .T006__result .AccordionSteps-header,.T007__answers .AccordionSteps-header,.T007__notfound .Faq-frequently .AccordionSteps-header {
    display: table;
    table-layout: fixed;
    height: 60px;
    position: relative
}

.T006 .T006__result .AccordionSteps-headerTitle,.T006 .T006__result .AccordionSteps-headerToggle,.T007__answers .AccordionSteps-headerTitle,.T007__answers .AccordionSteps-headerToggle,.T007__notfound .Faq-frequently .AccordionSteps-headerTitle,.T007__notfound .Faq-frequently .AccordionSteps-headerToggle {
    display: table-cell;
    vertical-align: middle
}

.AccordionSteps {
    margin: 0 5%
}

.AccordionSteps-content {
    overflow: hidden;
    background: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-100)!important
}

.AccordionSteps-header {
    cursor: pointer;
    display: table;
    table-layout: fixed;
    height: 60px;
    width: 100%;
    padding: 0!important;
    color: var(--msl-artwork-grey-900)!important;
    position: relative
}

.AccordionSteps-headerIcon,.AccordionSteps-headerTitle,.AccordionSteps-headerToggle {
    display: table-cell;
    vertical-align: middle
}

.AccordionSteps-headerIcon {
    width: 60px;
    padding: 5px;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-400);
    text-align: center
}

.AccordionSteps-headerIconImg {
    max-width: 100%;
    max-height: 60px;
    display: block;
    margin: 0 auto
}

.AccordionSteps-headerTitle {
    padding: 0 25px;
    width: 100%
}

.AccordionSteps-headerToggle {
    padding: 0 34px 0 25px;
    text-decoration: none;
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.AccordionSteps-main {
    counter-reset: AccordionSteps
}

.AccordionSteps-main:after,.AccordionSteps-main:before {
    content: '';
    display: table
}

.AccordionSteps-item {
    overflow: hidden;
    padding: 0 25px
}

.AccordionSteps-item:first-child {
    margin-top: 30px
}

.AccordionSteps-item:last-child {
    margin-bottom: 30px
}

.AccordionSteps-item:last-child .AccordionSteps-itemContent:before {
    display: none
}

.AccordionSteps-itemContent,.AccordionSteps-itemTitle {
    position: relative;
    padding: 0 25px 0 55px
}

.AccordionSteps-itemTitle {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.AccordionSteps-itemTitle:before {
    counter-increment: AccordionSteps;
    content: counter(AccordionSteps);
    position: absolute;
    top: 50%;
    left: 23px;
    height: 36px;
    min-width: 36px;
    margin: -18px;
    padding: 0 7px;
    line-height: 36px;
    text-align: center;
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-radius: 50px
}

.AccordionSteps-itemContent {
    padding-bottom: 14px
}

.AccordionSteps-itemContent:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 23px;
    bottom: 7px;
    margin: 0 -2px;
    width: 4px;
    background: url("./clientlib-resources/resources/images/c134/dots.png") 50% 0
}

.AccordionSteps-itemContent p:last-child {
    margin-bottom: 0
}

.CheckList-title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-600);
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.Checklist-title--left {
    text-align: left
}

.CheckList-viewport {
    min-height: 165px;
    overflow: hidden
}

.CheckList-step {
    display: table;
    padding: 10px 0;
    min-height: 55px;
    -webkit-transition: .3s;
    transition: .3s;
    table-layout: fixed
}

.CheckList-step:nth-child(n+4) {
    display: none
}

.CheckList-step--disabled {
    opacity: 0;
    visibility: hidden
}

.CheckList-step--active .CheckList-blocText--active {
    display: table-cell
}

.CheckList-step--active .CheckList-blocText--unActive {
    display: none
}

.CheckList-step--active .CheckList-stepToggle:before {
    background: var(--msl-brand-secondary-400)!important;
    color: var(--msl-artwork-grey-0)!important
}

.CheckList-stepToggle {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 25px
}

.CheckList-stepToggle,.CheckList-stepToggle:focus,.CheckList-stepToggle:hover {
    text-decoration: none
}

.CheckList-stepToggle:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: var(--msl-fontSize-24);
    text-align: center;
    border-radius: 50%
}

.CheckList-stepToggle--noPadding {
    padding: 0
}

.CheckList-stepToggle--FO {
    padding: 0
}

.CheckList-stepToggle--FO:before {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    text-align: center;
    border-radius: 50%
}

.CheckList-blocText {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 50px
}

.CheckList-blocText--active {
    display: none
}

.CheckList-text {
    width: 100%;
    height: auto;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-1000);
    margin: 0
}

.Checklist-text--semiBold {
    font-weight: var(--msl-fontWeight-600)
}

.CheckList-link {
    width: 100%;
    height: auto;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-brand-primary)
}

.CheckList-link:hover {
    text-decoration: none;
    color: #308276
}

.CheckList-link:active {
    text-decoration: none
}

.CheckList-link:visited {
    text-decoration: none
}

.CheckList-footer {
    text-align: center;
    display: none
}

.CheckList-footerLink {
    display: block;
    width: 35px;
    margin: 0 auto;
    color: var(--msl-brand-secondary-400);
    text-align: center;
    text-decoration: none
}

.CheckList-footerLink:before {
    font-size: var(--msl-fontSize-14);
    height: 16px;
    line-height: 16px
}

.CheckList-footerLink:focus,.CheckList-footerLink:hover {
    color: var(--msl-brand-secondary-400);
    text-decoration: none
}

.CheckList-footerLink--down:before {
    content: ""
}

.CheckList-footerLink--up:before {
    content: ""
}

.CheckList-footerLink--disabled {
    visibility: hidden
}

.CheckList--init .CheckList-footer {
    display: block
}

.CheckList--init .CheckList-step:nth-child(n+4) {
    display: table
}

.ProjectBand {
    text-align: center;
    padding: 6%
}

.ProjectBand-img {
    display: block;
    margin: 0 auto
}

.ProjectBand-items {
    margin: 0
}

.ProjectBand-item {
    padding: 5px;
    text-align: left;
    height: 100%
}

.ProjectBand-item>.col-xs-12 {
    width: 100%;
    padding: 0;
    float: none
}

.ProjectBand-item>.col-xs-12>div {
    margin-bottom: 0
}

.ProjectBand-item>div {
    min-height: 360px;
    overflow: hidden
}

.ProjectBand-item .PushLeftZone {
    height: 100%
}

.ProjectBand-item .PushLeftZone-content {
    position: relative;
    bottom: inherit
}

.ProjectBand-item .PushNinePos {
    height: 360px
}

.ProjectBand-item .PushNinePos-paragraph {
    padding: 0 10%
}

.ProjectBand-item .PushNinePos-paragraph--middle {
    height: 210px;
    overflow: hidden
}

.ProjectBand-item .PushActu-text {
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 650px) {
    .ProjectBand-items {
        margin:0 -5px
    }

    .ProjectBand-itemWrap {
        float: left;
        width: 50%
    }

    .ProjectBand-itemWrap[style*=height]>.ProjectBand-item:first-child:last-child,.ProjectBand-itemWrap[style*=height]>.ProjectBand-item:first-child:last-child>.col-xs-12>div,.ProjectBand-itemWrap[style*=height]>.ProjectBand-item:first-child:last-child>div {
        height: 100%
    }
}

.SubscribeBtn-block {
    margin: 0 5% 20px;
    width: 90%;
    padding: 20px
}

.SubscribeBtn-block.SubscribeBtn-block-fo {
    background-color: transparent;
    padding: 20px 0
}

.SubscribeBtn-block--full {
    margin: 0;
    width: 100%;
    padding: 20px 0
}

.SubscribeBtn-block--primary {
    background-color: var(--msl-brand-primary)!important
}

.SubscribeBtn-block--primary .SubscribeBtn-btnSecondary {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

.SubscribeBtn-block--primary .GenericBtn-btnSecondary {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

.SubscribeBtn-block--white {
    background-color: var(--msl-artwork-grey-0)!important
}

.SubscribeBtn-block--gray {
    background-color: var(--msl-artwork-grey-50)!important
}

.SubscribeBtn-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -5px
}

.SubscribeBtn-btns>* {
    margin: 5px;
    max-width: 200px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.SubscribeBtn-btns.SubscribeBtn-btns-fo>* {
    margin: 5px;
    max-width: none;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.SubscribeBtn-btn,.SubscribeBtn-btnSecondary,.SubscribeBtn-btnWhite {
    max-width: 100%;
    padding: var(--msl-spacing-100) var(--msl-spacing-300);
    text-transform: none
}

.SubscribeBtn-btn span,.SubscribeBtn-btnSecondary span,.SubscribeBtn-btnWhite span {
    max-width: 100%;
    white-space: normal
}

.SubscribeBtn-btnSecondary {
    background-color: transparent
}

.SubscribeBtn--full .SubscribeBtn-btn,.SubscribeBtn--full .SubscribeBtn-btnSecondary,.SubscribeBtn--full .SubscribeBtn-btnWhite {
    width: 100%
}

.SubscribeBtn--left {
    text-align: left
}

.SubscribeBtn--right {
    text-align: right
}

.SubscribeBtn--center {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media print {
    .SubscribeBtn-btns {
        display: none
    }
}

.C142 {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    background-color: var(--msl-artwork-grey-50);
    overflow: hidden
}

.C142 .C142__column1 {
    display: none
}

@media (min-width: 990px) {
    .C142 .C142__column1 {
        display:inline;
        float: left;
        background-color: #fff;
        width: 33.3333333333%;
        height: 100%
    }
}

.C142 .C142__menu {
    background-color: var(--msl-brand-primary);
    padding: 0;
    width: 100%;
    height: 66.6666666667%
}

.C142 .C142__menu>ul {
    list-style-type: none;
    padding: 0;
    padding-top: 50px
}

.C142 .C142__menu>ul>li {
    color: #fff;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    height: 50px;
    padding-left: 20px;
    line-height: 50px
}

.C142 .C142__menu>ul>li.C142__selected {
    background-color: var(--msl-brand-secondary-500)
}

.C142 .C142__photo {
    background-color: #f0f;
    width: 100%;
    background-repeat: no-repeat,no-repeat;
    background-position: center center;
    background-size: cover;
    height: 33.3333333333%
}

.C142 .C142__button {
    margin-top: 20px
}

.C142 .C142__column2 {
    float: left;
    background-color: #fff;
    width: 100%;
    height: 100%
}

@media (min-width: 990px) {
    .C142 .C142__column2 {
        width:66.6666666667%
    }
}

.C142 .C142__close {
    float: right;
    margin-top: 0;
    margin-right: 20px;
    color: var(--msl-brand-primary)
}

.C142 .C142__title {
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 6vh;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary);
    text-decoration: none;
    text-transform: uppercase
}

.C142 .C142__options {
    background-color: #0ff;
    overflow-x: hidden;
    overflow-y: scroll
}

.C142 .C142__option {
    margin-left: 10%;
    margin-top: 3vh;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600)
}

.C142 .C142__option>a {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.GreenBtn-callbackHome {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--msl-functionnal-contact);
    height: 100%;
    min-height: 100%;
    overflow: auto;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.GreenBtn-callbackHome .texte.section {
    padding: 0
}

.exampleOutput .GreenBtn-callbackHome {
    position: relative;
    top: auto;
    left: auto;
    height: 100vh
}

.GreenBtn-callbackClose {
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--msl-spacing-300) 20px var(--msl-spacing-300) var(--msl-spacing-300)
}

.GreenBtn-callbackClose,.GreenBtn-callbackClose:active,.GreenBtn-callbackClose:focus,.GreenBtn-callbackClose:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackHomeHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 60px;
    min-height: 60px;
    padding: 20px;
    background-color: #004652;
    color: var(--msl-artwork-grey-0);
    z-index: 10000
}

.GreenBtn-callbackHomeHeaderTitle {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    padding: 0 var(--msl-spacing-500)
}

.GreenBtn-callbackHomeHeaderBtn {
    border: 1px solid var(--msl-artwork-grey-0);
    border-radius: 3px;
    text-decoration: none;
    padding: 10px;
    z-index: 10000
}

.GreenBtn-callbackHomeHeaderBtn,.GreenBtn-callbackHomeHeaderBtn:active,.GreenBtn-callbackHomeHeaderBtn:focus,.GreenBtn-callbackHomeHeaderBtn:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

@media (min-width: 990px) {
    .GreenBtn-callbackHomeHeaderBtn {
        position:absolute;
        left: 20px;
        top: 10px
    }
}

@media (max-width: 989px) {
    .GreenBtn-callbackHomeHeaderBtn+.GreenBtn-callbackHomeContentBlockConnexion,.GreenBtn-callbackHomeHeaderBtn+.GreenBtn-callbackHomeContentDemand {
        margin-top:30px
    }
}

.GreenBtn-callbackHomeHeaderBtn--urgency {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
    z-index: 10000
}

.GreenBtn-callbackHomeHeaderBtn--urgencyLayer,.GreenBtn-callbackHomeHeaderBtn--urgencyLayer:active,.GreenBtn-callbackHomeHeaderBtn--urgencyLayer:focus,.GreenBtn-callbackHomeHeaderBtn--urgencyLayer:hover {
    color: var(--msl-artwork-grey-0)
}

@media screen and (min-width: 990px) {
    .GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
        left:20px;
        position: absolute;
        top: 20px
    }
}

@media screen and (max-width: 989px) {
    .GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
        -webkit-align-self:flex-start;
        align-self: flex-start;
        margin-bottom: var(--msl-spacing-500)
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeHeaderBtn--urgencyLayer {
        left:7%
    }
}

.GreenBtn-callbackPara--noMarginBot {
    margin-bottom: 0
}

.ContainerBvOnFullPage .GreenBtn-callbackHomeHeader,.ContainerBvOnFullPage .GreenBtn-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.GreenBtn-callbackHomeBody {
    overflow: auto;
    padding: var(--msl-spacing-500) 5%
}

.modal.ContainerBvModal {
    width: 100%
}

.modal.ContainerBvModal .ContainerBvModal--content {
    width: 50%;
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width: 989px) {
    .modal.ContainerBvModal.in {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .modal.ContainerBvModal .ContainerBvModal--content {
        width: 100%
    }
}

.ContainerBvModal {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 9999;
    width: 50%
}

.ContainerBvModal .greenBtnModalBackgoundLock {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--msl-artwork-grey-600);
    opacity: .8
}

.ContainerBvModal .GreenBtn-callbackHomeHeader,.ContainerBvModal .GreenBtn-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

.ContainerBvModal .GreenBtn-callbackHomeHeader+.GreenBtn-callbackHomeBody {
    margin-top: 60px;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px)
}

.ContainerBvModal--hidden {
    display: none
}

@media (max-width: 989px) {
    .ContainerBvModal {
        top:0!important;
        width: 100%;
        overflow: auto
    }
}

.GreenBtn-callbackHomeHeader+.bouton-vertContent.bouton-vertMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.GreenBtn-callbackHomeBody .GreenBtn-callbackHomeContent {
    overflow: visible;
    height: auto;
    min-height: auto;
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.GreenBtn-callbackHomeContent {
    text-align: center;
    color: var(--msl-artwork-grey-0);
    padding: var(--msl-spacing-500) 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeContent {
        padding:var(--msl-spacing-500) 7%
    }
}

.GreenBtn-innerCallBack {
    display: block
}

.GreenBtn-callbackHomeContent--urgency {
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    position: relative;
    height: auto
}

.GreenBtn-callbackHomeContent--urgencyLayer {
    text-align: left
}

.GreenBtn-callbackHomeContentClientLink,.GreenBtn-callbackHomeContentClientLink:active,.GreenBtn-callbackHomeContentClientLink:focus,.GreenBtn-callbackHomeContentClientLink:hover,.GreenBtn-callbackHomeFooter,.GreenBtn-callbackHomeFooter--urgencyLayer,.GreenBtn-callbackHomeFooter--urgencyLayer:active,.GreenBtn-callbackHomeFooter--urgencyLayer:focus,.GreenBtn-callbackHomeFooter--urgencyLayer:hover,.GreenBtn-callbackHomeFooter:active,.GreenBtn-callbackHomeFooter:focus,.GreenBtn-callbackHomeFooter:hover {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackHomeFooter--urgencyLayer {
    display: block;
    width: 100%;
    background-color: #004652;
    text-align: center;
    padding: 20px;
    margin-top: 20px
}

.GreenBtn-callbackHomeContentDemand {
    margin: 0 0 20px
}

.GreenBtn-callbackHomeContentBlockConnexion {
    margin: 0 0 20px
}

.GreenBtn-callbackHomeContentWayContact {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.GreenBtn-callbackHomeContentDemandTitle,.GreenBtn-callbackHomeContentWayContactTitle {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.GreenBtn-callbackHomeContentWayContactTitle--spaced {
    margin-bottom: 30px
}

.GreenBtn-callbackHomeContentDemandTitle {
    padding-bottom: 10px
}

.GreenBtn-callbackHomeContentDemandForm {
    padding-bottom: 0
}

.GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default {
    border: none
}

.GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default:active,.GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default:focus,.GreenBtn-callbackHomeContentDemandForm .btn.dropdown-toggle.btn-default:hover {
    background-color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackHomeContentDemandForm .bootstrap-select.btn-group .dropdown-toggle .caret::after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-callbackHomeContentBubbles {
    margin: auto;
    padding: 30px 0
}

.GreenBtn-callbackHomeContentBubbleLink,.GreenBtn-callbackHomeContentBubbleLink:active,.GreenBtn-callbackHomeContentBubbleLink:focus,.GreenBtn-callbackHomeContentBubbleLink:hover,.GreenBtn-callbackHomeContentContactMail,.GreenBtn-callbackHomeContentContactMail:active,.GreenBtn-callbackHomeContentContactMail:focus,.GreenBtn-callbackHomeContentContactMail:hover,.GreenBtn-callbackHomeContentContactMeeting,.GreenBtn-callbackHomeContentContactMeeting:active,.GreenBtn-callbackHomeContentContactMeeting:focus,.GreenBtn-callbackHomeContentContactMeeting:hover {
    text-decoration: none
}

.GreenBtn-callbackHomeContentBubble {
    display: inline-block;
    width: 102px;
    height: 102px;
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-900);
    border-radius: 50%;
    margin: 10px
}

.GreenBtn-callbackHomeContentBubble--errorChat {
    background-color: var(--msl-artwork-grey-0);
    opacity: .4
}

.GreenBtn-callbackHomeContentBubble--disable {
    cursor: default
}

.GreenBtn-callbackHomeContentBubbleContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.GreenBtn-callbackHomeContentBubbleIcon {
    color: #004652;
    font-size: 32.5px
}

.GreenBtn-callbackHomeContentBubblePara {
    margin-top: 5px;
    font-weight: var(--msl-fontWeight-700)
}

.GreenBtn-callbackHomeContentContactWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    background-color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackHomeContentContactWrapper--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.GreenBtn-callbackHomeContentContactMail--oneLink,.GreenBtn-callbackHomeContentContactWrapper--noLink {
    width: 70%;
    margin: auto
}

.GreenBtn-callbackHomeContentContactNumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    color: var(--msl-artwork-grey-900);
    padding: 20px 35px;
    white-space: nowrap
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeContentContactNumber {
        padding:20px
    }
}

@media (max-width: 649px) {
    .GreenBtn-callbackHomeContentContactNumber--advisor {
        width:48%
    }
}

@media (max-width: 649px) {
    .GreenBtn-callbackHomeContentContactNumber--advisorArcep {
        width:40%
    }
}

.GreenBtn-callbackUrgencyLayerBlocNumber {
    white-space: nowrap
}

.GreenBtn-callbackHomeContentContactNumberPhone {
    margin-bottom: 8.5px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    -webkit-align-self: center;
    align-self: center
}

.GreenBtn-callbackHomeContentContactNumberPhone,.GreenBtn-callbackHomeContentContactNumberPhone:active,.GreenBtn-callbackHomeContentContactNumberPhone:focus,.GreenBtn-callbackHomeContentContactNumberPhone:hover {
    text-decoration: none;
    color: var(--msl-brand-primary)
}

@media (max-width: 649px) {
    .GreenBtn-callbackHomeContentContactNumberPhone {
        margin-top:8.5px
    }
}

.GreenBtn-callbackUrgencyLayerBlocNumber {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.GreenBtn-callbackHomeContentContactNumberPrice {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-callbackHomeContentContactNumberAgency {
    color: var(--msl-brand-primary);
    -webkit-align-self: center;
    align-self: center
}

.GreenBtn-callbackHomeContentLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.GreenBtn-callbackHomeContentContactMeeting {
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

.GreenBtn-callbackHomeContentContactMeeting:before {
    content: "";
    color: var(--msl-brand-secondary-400);
    font-size: var(--msl-fontSize-18);
    margin-right: 20px
}

.GreenBtn-callbackHomeContentContactMail {
    background-color: var(--msl-artwork-grey-100)
}

.GreenBtn-callbackHomeContentContactMail:before {
    content: "";
    color: var(--msl-brand-secondary-400);
    font-size: var(--msl-fontSize-18);
    margin-right: 20px
}

.GreenBtn-callbackHomeContentContactMail,.GreenBtn-callbackHomeContentContactMeeting {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50%;
    background-color: var(--msl-artwork-grey-100);
    text-align: left;
    padding: 25px;
    white-space: nowrap
}

.GreenBtn-callbackHomeContentDivUnderline {
    text-decoration: underline
}

.GreenBtn-callbackHomeFooter {
    display: block;
    margin-top: 20px
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeContentClientLinkWrapper {
        display:block
    }

    .GreenBtn-callbackHomeContentBubbles {
        width: 250px;
        margin: auto
    }

    .GreenBtn-callbackHomeContentContactWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .GreenBtn-callbackHomeContentContactMail--oneLinkBlock {
        display: block
    }

    .GreenBtn-callbackHomeContentContactMail,.GreenBtn-callbackHomeContentContactMeeting {
        background-color: var(--msl-artwork-grey-0);
        border-bottom: 0;
        border-top: 1px solid var(--msl-artwork-grey-100)
    }
}

.GreenBtn-callbackLaterHeaderIcon {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.GreenBtn-callbackLaterContentMainPara {
    width: 70%;
    margin: auto
}

.GreenBtn-callbackFormWrapper {
    margin: var(--msl-spacing-500) 0 10px 0;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.GreenBtn-callbackFormWrapper--top {
    margin-top: 0
}

.GreenBtn-callbackFormHeader {
    background-color: #004652;
    text-align: left;
    padding: 20px
}

.GreenBtn-callbackFormTitle,.GreenBtn-callbackLaterContentMainPara,.GreenBtn-callbackUrgencyLayerBlocTitle {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-callbackFormContent {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-900);
    text-align: left;
    padding: 20px
}

.GreenBtn-callbackFormContent .OutputMsg--opposition>p:last-child {
    margin-bottom: 0
}

.GreenBtn-callbackFormRequiredField {
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 20px
}

.GreenBtn-callbackFormRequiredField::before {
    content: '* ';
    color: var(--msl-functionnal-danger-100)
}

.GreenBtn-callbackFormContactInfo {
    padding: 0
}

.GreenBtn-callbackFormContactCivility {
    width: 100%!important;
    height: 42px
}

.GreenBtn-callbackFormContactCivility .dropdown-toggle .caret::after {
    font-size: var(--msl-fontSize-12)!important
}

.GreenBtn-callbackFormContactCivility .btn.dropdown-toggle.btn-default {
    border-color: var(--msl-artwork-grey-300);
    margin-bottom: 0;
    height: 42px!important
}

.GreenBtn-callbackFormContactCivility .filter-option {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn-callbackFormContactHour {
    width: 110px!important
}

.GreenBtn-callbackFormContactHour .bs-placeholder {
    font-style: italic
}

.GreenBtn-callbackFormContactHour--width {
    width: 100%!important
}

.GreenBtn-callbackFormLabel {
    padding-left: 15px;
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase;
    margin-bottom: 5px
}

.GreenBtn-callbackFormLabel--lowerCase {
    text-transform: none;
    font-weight: var(--msl-fontWeight-600)!important
}

.GreenBtn-callbackFormInputIcon {
    color: var(--msl-functionnal-danger-100);
    padding-right: var(--msl-spacing-300)
}

.GreenBtn-callbackFormInputIcon2 {
    color: var(--msl-functionnal-danger-100)
}

.GreenBtn-callbackFormNowLabel {
    padding-left: 30px!important
}

.GreenBtn-callbackFormNowDatePicker {
    padding: 0
}

.GreenBtn-callbackFormNowDatePickerRadio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0
}

.GreenBtn-callbackNeedCallbackForm--marginLR {
    margin: 0 15px 0 0
}

.GreenBtn-callbackNeedCallback {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.GreenBtn-callbackNeedCallbackFormWrapper {
    display: inline-block;
    white-space: nowrap
}

.GreenBtn-callbackNeedCallbackFormWrapper p.GreenBtn-callbackNeedCallbackFormPara.GreenBtn-callbackPara--noMarginBot {
    width: 20px
}

.GreenBtn-callbackNeedCallbackFormPara {
    display: inline-block;
    vertical-align: middle
}

.GreenBtn-callbackNeedCallbackFormPara--padR {
    padding-right: 15px
}

.GreenBtn-callbackNeedCallbackFormInput {
    display: inline-block;
    vertical-align: middle
}

.GreenBtn-callbackNeedCallbackFormInput .input-group-addon {
    background-color: transparent;
    color: var(--msl-functionnal-contact);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-callbackNeedCallbackFormInput--noBorderR {
    border-right-width: 0
}

.GreenBtn-callbackNeedCallbackFormCalendar {
    color: var(--msl-functionnal-contact);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-callbackLaterFooter {
    width: 100%;
    text-align: left
}

.GreenBtn-callbackLaterFooterFormLabel {
    padding-left: 30px!important
}

.GreenBtn-callbackLaterFooterFormLabel {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackLaterFooterFormLink,.GreenBtn-callbackLaterFooterFormLink:active,.GreenBtn-callbackLaterFooterFormLink:focus,.GreenBtn-callbackLaterFooterFormLink:hover {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackLaterFooterBtn {
    width: 130px
}

.GreenBtn-callbackLaterFooterBtn,.GreenBtn-callbackLaterFooterBtn--callbackNow {
    margin: 30px 5px 5px;
    height: 42px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500);
    -webkit-align-self: center;
    align-self: center
}

.GreenBtn-callbackLaterFooterBtn,.GreenBtn-callbackLaterFooterBtn--callbackNow,.GreenBtn-callbackLaterFooterBtn--callbackNow:focus,.GreenBtn-callbackLaterFooterBtn--callbackNow:hover,.GreenBtn-callbackLaterFooterBtn:focus,.GreenBtn-callbackLaterFooterBtn:hover {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn-callbackLaterFooterBtn--top {
    margin-top: 5px
}

.GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:after,.GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:before {
    top: 50%;
    margin-top: -9px
}

@media screen and (min-width: 650px) {
    .GreenBtn-callbackFormGroup--NoPadLeft {
        padding-left:0
    }
}

@media screen and (max-width: 989px) {
    .GreenBtn-callbackLaterContentMainPara {
        width:60%
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackLaterContentMainPara {
        width:100%
    }

    .GreenBtn-callbackNeedCallbackFormInput {
        width: 195px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .GreenBtn-callbackFormContactHour {
        width: 165px!important
    }

    .GreenBtn-callbackFormContactHour--width {
        width: 100%!important
    }

    .GreenBtn-callbackNeedCallbackFormContentWrapper {
        display: inline-block;
        width: 100%
    }

    .GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:after,.GreenBtn-callbackNeedCallbackFormContentWrapper.radio-label:before {
        top: 18%;
        margin-top: -7px
    }

    .GreenBtn-callbackNeedCallbackFormWrapper {
        margin-bottom: 10px
    }

    .GreenBtn-callbackNeedCallbackFormWrapper--width100 {
        width: 100%!important;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .GreenBtn-callbackNeedCallbackFormPara--special {
        padding-right: 22px
    }
}

.GreenBtn-callbackLaterFooterBtn--callbackNowSecond:focus,.GreenBtn-callbackLaterFooterBtn--callbackNowSecond:hover {
    background-color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackLaterFooterBtn--callbackNowWidthAuto {
    width: auto
}

.GreenBtn-callbackLaterMessage,.GreenBtn-callbackNowWaitingBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 200px;
    margin-left: auto;
    margin-right: auto
}

.GreenBtn-callbackLaterNowBubbleTyping {
    width: 7px;
    height: 7px;
    background-color: var(--msl-brand-primary);
    border-radius: 50%;
    margin: 2px;
    -webkit-animation: 1.8s linear infinite loaderCallbackNow;
    animation: 1.8s linear infinite loaderCallbackNow
}

.GreenBtn-callbackLaterNowBubbleTyping:first-child {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.GreenBtn-callbackLaterNowBubbleTyping:nth-child(2) {
    -webkit-animation-delay: -975ms;
    animation-delay: -975ms
}

.GreenBtn-callbackLaterNowBubbleTyping:nth-child(3) {
    -webkit-animation-delay: -650ms;
    animation-delay: -650ms
}

@-webkit-keyframes loaderCallbackNow {
    00%,100%,33% {
        background-color: var(--msl-brand-primary);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        background-color: var(--msl-brand-secondary-400);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes loaderCallbackNow {
    00%,100%,33% {
        background-color: var(--msl-brand-primary);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        background-color: var(--msl-brand-secondary-400);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

.GreenBtn-callbackMessageContent {
    text-align: center;
    color: var(--msl-artwork-grey-0);
    padding: var(--msl-spacing-500) 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    height: auto
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackMessageContent {
        padding:var(--msl-spacing-500) 7%
    }
}

.GreenBtn-callbackMessageContentWrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.GreenBtn-callbackMessageContentParaBold {
    font-weight: var(--msl-fontWeight-700)
}

.GreenBtn-callbackMessageContentParaRegular {
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-callbackMessageContentParaBold,.GreenBtn-callbackMessageContentParaRegular,.GreenBtn-callbackUrgencyMessageTitle {
    padding: 0 7%;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.GreenBtn-callbackMessageContentParaRegular--mediumText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-callbackUrgencyMessageTitle--marg {
    margin: 20px 0 var(--msl-spacing-500) 0
}

.GreenBtn-callbackLaterMessage {
    margin: auto;
    margin-top: var(--msl-spacing-500)
}

.GreenBtn-callbackLaterMessageBubbleTyping {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--msl-artwork-grey-0);
    margin: 2px;
    -webkit-animation: 1.8s linear infinite loaderCallbackMessage;
    animation: 1.8s linear infinite loaderCallbackMessage
}

.GreenBtn-callbackLaterMessageBubbleTyping:first-child {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.GreenBtn-callbackLaterMessageBubbleTyping:nth-child(2) {
    -webkit-animation-delay: -975ms;
    animation-delay: -975ms
}

.GreenBtn-callbackLaterMessageBubbleTyping:nth-child(3) {
    -webkit-animation-delay: -650ms;
    animation-delay: -650ms
}

@-webkit-keyframes loaderCallbackMessage {
    0%,100%,33% {
        background-color: var(--msl-artwork-grey-0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        background-color: var(--msl-brand-secondary-400);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes loaderCallbackMessage {
    0%,100%,33% {
        background-color: var(--msl-artwork-grey-0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        background-color: var(--msl-brand-secondary-400);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackMessageContentWrapper {
        width:80%
    }
}

.GreenBtn-callbackUrgencyMessage {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.GreenBtn-callbackUrgencyMessagePara {
    padding: 0 4%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin: 50px 0
}

.GreenBtn-callbackUrgencyMessageBtn {
    margin: 5px;
    height: 42px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500);
    -webkit-align-self: center;
    align-self: center
}

.GreenBtn-callbackUrgencyMessageBtn,.GreenBtn-callbackUrgencyMessageBtn:focus,.GreenBtn-callbackUrgencyMessageBtn:hover {
    color: var(--msl-artwork-grey-900)
}

@media screen and (width: 320px) {
    .GreenBtn-callbackUrgencyMessageBtn {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width: 990px) {
    .GreenBtn-callbackHomeContent--urgency {
        position:initial
    }

    .GreenBtn-callbackHomeHeaderBtn--urgency {
        display: none;
        z-index: 9999
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackUrgencyMessagePara {
        margin:20px 0
    }
}

.GreenBtn-callbackUrgencyLayerIconHeader {
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    height: 15px;
    margin-right: 6px;
    overflow: hidden;
    text-decoration: none
}

.GreenBtn-callbackUrgencyLayerWrapper {
    max-width: 100%
}

.GreenBtn-callbackUrgencyLayerBlocWrapper+.GreenBtn-callbackUrgencyLayerBlocWrapper {
    margin-top: 20px
}

.GreenBtn-callbackUrgencyLayerBloc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    background-color: #004652
}

.GreenBtn-callbackUrgencyLayerBloc,.GreenBtn-callbackUrgencyLayerSubBloc {
    padding: 20px
}

.GreenBtn-callbackUrgencyLayerBlocTitle {
    padding-right: 10px;
    line-height: 20px;
    text-transform: uppercase
}

.GreenBtn-callbackUrgencyLayerBlocTitleList {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    text-transform: none;
    padding-top: 10px;
    padding-left: 0;
    margin-bottom: 0
}

.GreenBtn-callbackUrgencyLayerBlocTitleList li {
    list-style-type: none
}

.GreenBtn-callbackUrgencyLayerBlocTitleList li:before {
    content: '- '
}

.GreenBtn-callbackUrgencyLayerBlocTitle,.GreenBtn-callbackUrgencyLayerCallCosts,.GreenBtn-callbackUrgencyLayerSubBloc {
    text-align: left
}

.GreenBtn-callbackUrgencyLayerBlocDescription .Arcep {
    margin-top: 0;
    white-space: nowrap
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackUrgencyLayerBlocDescription .Arcep {
        margin-top:15px;
        white-space: normal
    }
}

.GreenBtn-callbackUrgencyLayerBlocDescriptionClick,.GreenBtn-callbackUrgencyLayerBlocDescriptionClick:active,.GreenBtn-callbackUrgencyLayerBlocDescriptionClick:focus,.GreenBtn-callbackUrgencyLayerBlocDescriptionClick:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackUrgencyLayerBlocDescription .GenericBtn-block {
    background: 0 0!important;
    margin-bottom: 0;
    min-width: 150px;
    padding: 0;
    width: auto
}

.GenericBtn-block--primary .GreenBtn-callbackUrgencyLayerBlocDescriptionClick.GenericBtn-btnSecondary {
    padding-left: 1em;
    padding-right: 1em
}

.GreenBtn-callbackUrgencyLayerBlocDescription-DeclarerBtn,.GreenBtn-callbackUrgencyLayerBlocDescription-DeclarerBtn:active,.GreenBtn-callbackUrgencyLayerBlocDescription-DeclarerBtn:focus,.GreenBtn-callbackUrgencyLayerBlocDescription-DeclarerBtn:hover {
    text-decoration: none;
    color: #fff;
    padding: 5px;
    white-space: nowrap;
    background-color: var(--msl-functionnal-warning-100)
}

.GreenBtn-callbackUrgencyLayerBlocNumber,.GreenBtn-callbackUrgencyLayerBlocPrice {
    text-align: right
}

.GreenBtn-callbackUrgencyLayerBlocPrice {
    padding-top: var(--msl-spacing-100)
}

.GreenBtn-callbackUrgencyLayerBlocPrice,.GreenBtn-callbackUrgencyLayerCallCosts {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic
}

.GreenBtn-callbackUrgencyLayerSubBloc {
    background-color: var(--msl-artwork-grey-0)
}

.GreenBtn-callbackUrgencyLayerSubBlocLists {
    padding-left: 20px;
    margin-bottom: 0
}

.GreenBtn-callbackUrgencyLayerSubBlocList {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn-callbackUrgencyLayerSubBlocList+.GreenBtn-callbackUrgencyLayerSubBlocList {
    margin-top: 5px
}

.GreenBtn-callbackUrgencyLayerCallCosts {
    padding: 20px 0
}

.GreenBtn-callbackUrgencyLayerCallCost {
    padding-right: 20px
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackUrgencyLayerBloc {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .GreenBtn-callbackUrgencyLayerBlocDescription,.GreenBtn-callbackUrgencyLayerBlocTitle {
        width: 100%;
        text-align: left;
        padding-right: 0;
        padding-bottom: 15px
    }

    .GreenBtn-callbackUrgencyLayerBlocPrice {
        padding-top: 0
    }

    .GreenBtn-callbackUrgencyLayerBlocNumber,.GreenBtn-callbackUrgencyLayerBlocPrice {
        text-align: left
    }

    .GreenBtn-callbackUrgencyLayerBlocNumber {
        padding-top: 15px;
        line-height: 30px
    }

    .GreenBtn-callbackUrgencyLayerSubBlocList+.GreenBtn-callbackUrgencyLayerSubBlocList {
        margin-top: 10px
    }

    .GreenBtn-callbackUrgencyLayerCallCost {
        display: block;
        padding-right: 0
    }
}

@media screen and (max-width: 989px) {
    .GreenBtn-callbackHomeContentContactMail--oneLink,.GreenBtn-callbackHomeContentContactWrapper--noLink {
        width:90%
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-callbackHomeContentContactMail--oneLink,.GreenBtn-callbackHomeContentContactWrapper--noLink {
        width:100%
    }
}

.GreenBtn-callbackHomeContentContactMail--oneLink {
    background-color: var(--msl-artwork-grey-0);
    border-top: 1px solid var(--msl-artwork-grey-100);
    padding: 30px
}

.GreenBtn-advisorWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px
}

.GreenBtn-advisorWrapperV1 {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

@media (max-width: 989px) {
    .GreenBtn-advisorWrapperV1 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.GreenBtn-advisorWrapper--arcep {
    margin: 0 30px 5px
}

.GreenBtn-advisorWrapper--connected {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.GreenBtn-advisorIcon {
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-right: 20px;
    padding: 21px;
    border-radius: 50%;
    border: 1px solid var(--msl-brand-primary)
}

@media (max-width: 989px) {
    .GreenBtn-advisorIcon {
        font-size:var(--msl-fontSize-34)
    }
}

@media (max-width: 649px) {
    .GreenBtn-advisorIcon {
        font-size:var(--msl-fontSize-34);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        margin-right: 10px;
        padding: 19px
    }
}

@media (max-width: 649px) {
    .GreenBtn-advisorIcon--connected {
        font-size:var(--msl-fontSize-28);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        padding: 14px
    }
}

.GreenBtn-advisorInfo {
    text-align: left
}

@media (min-width: 990px) {
    .GreenBtn-advisorInfo--notConnected {
        text-align:center
    }
}

.GreenBtn-advisorAdresse,.GreenBtn-advisorSchedule,.GreenBtn-advisorTown,.GreenBtn-advisorType {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 649px) {
    .GreenBtn-advisorAdresse,.GreenBtn-advisorSchedule,.GreenBtn-advisorTown,.GreenBtn-advisorType {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-11);
        font-weight: var(--msl-fontWeight-400)
    }
}

.GreenBtn-advisorSchedule--old {
    margin-bottom: 0
}

.GreenBtn-advisorSchedule--arcep {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-advisorName {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-advisorName+.GreenBtn-advisorNumber {
    margin-top: 12px
}

@media (max-width: 649px) {
    .GreenBtn-advisorName {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

@media (max-width: 649px) {
    .GreenBtn-advisorName--connected {
        margin-bottom:0
    }
}

.GreenBtn-advisorName--V4 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-advisorNumber {
    display: block;
    margin: 5px 0 0
}

@media (max-width: 649px) {
    .GreenBtn-advisorNumber {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }
}

.GreenBtn-advisorNumber--V4 {
    font-size: 17.5px;
    margin: 5px 0
}

@media (max-width: 649px) {
    .GreenBtn-advisorNumber--V4 {
        font-size:17.5px
    }
}

.GreenBtn-advisorNumberCost {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic
}

@media (max-width: 649px) {
    .GreenBtn-advisorNumberCost {
        font-size:9px
    }
}

.GreenBtn-advisorScheduleWrapper {
    margin-top: 12px;
    margin-bottom: 12px
}

.GreenBtn-advisorSchedule {
    margin-bottom: 0
}

.GreenBtn-advisorContentWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px
}

@media (max-width: 649px) {
    .GreenBtn-advisorContentWrap {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-left: 10%
    }
}

@media (max-width: 649px) {
    .GreenBtn-advisorContentWrap--old {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        justify-content: center;
        padding-top: 0;
        margin-left: 0
    }
}

.GreenBtn-advisorContentWrap--noML {
    margin-left: 0
}

.GreenBtn-advisor--unvailable {
    color: var(--msl-artwork-grey-600)
}

.GreenBtn-advisorInfoV1 {
    margin: 0
}

.GreenBtn-advisorInfo--margR {
    margin-right: 35px
}

@media (max-width: 989px) {
    .GreenBtn-advisorInfo--margR {
        margin-right:0
    }
}

.GreenBtn-advisorInfo--margB {
    margin-bottom: 0
}

@media (max-width: 989px) {
    .GreenBtn-advisorInfo--margB {
        margin-bottom:20px
    }
}

@media (max-width: 649px) {
    .GreenBtn-advisorName--V1 {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }
}

@media (max-width: 649px) {
    .GreenBtn-advisorNumber--V1 {
        margin:10px 0;
        font-size: var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (max-width: 649px) {
    .GreenBtn-advisorNumberCost--V1 {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-11);
        font-weight: var(--msl-fontWeight-400)
    }
}

.GreenBtn-advisorErrorPara {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin: 20px auto
}

@media (min-width: 990px) {
    .GreenBtn-advisorErrorPara {
        width:60%;
        margin: 20px auto
    }
}

.GreenBtn-advisorLink {
    margin-bottom: 0
}

@media (max-width: 649px) {
    .GreenBtn-advisorLink--mobile {
        padding:30px
    }
}

.GreenBtn-advisorNameTitleV4 {
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: 0
}

@media (max-width: 989px) {
    .GreenBtn-advisorInfoV2 {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        justify-content: left;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin: 10px 0;
        text-align: left
    }
}

@media (max-width: 989px) {
    .GreenBtn-advisorInfoV2 {
        margin-left:20%
    }
}

@media (max-width: 989px) {
    .GreenBtn-advisorInfoV2 {
        margin-left:8%
    }
}

.GreenBtn-advisorIconV2 {
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    border-radius: 50%;
    border: 1px solid var(--msl-brand-primary);
    padding: 10px;
    margin-bottom: 8.5px
}

@media (max-width: 989px) {
    .GreenBtn-advisorIconV2 {
        margin-right:15px
    }
}

.GreenBtn-advisorIconV2--V3 {
    border: none
}

.GreenBtn-advisorImgOld {
    width: 85px;
    background-color: var(--msl-artwork-grey-100);
    border-radius: 50%;
    margin-right: 20px
}

@media (max-width: 649px) {
    .GreenBtn-advisorImgOld {
        width:65px;
        margin-right: 15px
    }
}

.Arcep {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: var(--msl-artwork-grey-0);
    color: #78b41e;
    box-shadow: inset 0 0 15px -5px var(--msl-artwork-grey-1000);
    padding: 2px 10px 2px 5px
}

.Arcep-number {
    vertical-align: middle;
    white-space: nowrap;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-right: 2px
}

.Arcep-legalMentions {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 11px;
    text-align: left;
    background-color: #d9ef8e;
    background: -webkit-linear-gradient(top,#d9ef8e 0,#7fc600 5%,#009e0d 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#d9ef8e),color-stop(5%,#7fc600),to(#009e0d));
    background: linear-gradient(to bottom,#d9ef8e 0,#7fc600 5%,#009e0d 100%);
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700);
    padding: 3px 10px 3px 15px;
    margin: -7px -4px -6px 0
}

.Arcep-legalMentions::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    width: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-left-color: var(--msl-artwork-grey-0)
}

@media screen and (min-width: 990px) {
    .Arcep {
        white-space:nowrap
    }
}

@media screen and (max-width: 989px) {
    .Arcep {
        margin-top:15px
    }
}

@media screen and (max-width: 649px) {
    .Arcep {
        max-width:140px;
        display: inline-block;
        position: relative;
        background: var(--msl-artwork-grey-0);
        color: #78b41e;
        padding-left: 0;
        width: auto;
        padding-right: 0;
        padding-bottom: 0;
        text-align: center
    }

    .Arcep-number {
        display: block;
        text-align: center;
        padding: 2px;
        margin-right: 0
    }

    .Arcep-legalMentions {
        width: 100%;
        padding: 3px 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .Arcep-legalMentions::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 27%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0;
        width: 0;
        pointer-events: none;
        border: 8px solid transparent;
        border-top-color: var(--msl-artwork-grey-0)
    }

    .Arcep-legalMention {
        padding-left: 20px;
        text-align: left
    }

    .Arcep-legalMentions--small {
        padding-left: 18px;
        padding-right: 5px;
        line-height: 12px!important
    }
}

.Arcep-legalMentions--small {
    line-height: 20px
}

.Arcep-legalMentionsInfo {
    margin-bottom: 0
}

.Arcep--green {
    border: 1px solid #78b41e;
    box-shadow: none
}

.Arcep--green .Arcep-legalMentions {
    background: #78b41e
}

.Arcep--gray {
    color: #91919b;
    border: 1px solid #91919b;
    box-shadow: none
}

.Arcep--gray .Arcep-legalMentions {
    background: #91919b
}

.Arcep--grayDegraded {
    color: #91919b
}

.Arcep--grayDegraded .Arcep-legalMentions {
    background-color: #91919b;
    background: -webkit-linear-gradient(top,#c9c8d8 0,#8f909d 5%,#53555d 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#c9c8d8),color-stop(5%,#8f909d),to(#53555d));
    background: linear-gradient(to bottom,#c9c8d8 0,#8f909d 5%,#53555d 100%)
}

.Arcep--purple {
    color: #9c1981;
    border: 1px solid #9c1981;
    box-shadow: none
}

.Arcep--purple .Arcep-legalMentions {
    background: #9c1981
}

.Arcep--purpleDegraded {
    color: #9c1981
}

.Arcep--purpleDegraded .Arcep-legalMentions,.Arcep--purpleDegraded .ArcepBig-legalMentions {
    background-color: #9c1981;
    background: -webkit-linear-gradient(top,#d17fcd 0,#ac1198 5%,#770063 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#d17fcd),color-stop(5%,#ac1198),to(#770063));
    background: linear-gradient(to bottom,#d17fcd 0,#ac1198 5%,#770063 100%)
}

.ArcepBig {
    display: inline-block;
    position: relative;
    background: var(--msl-artwork-grey-0);
    color: #78b41e;
    box-shadow: inset 0 0 15px -5px var(--msl-artwork-grey-1000)
}

.ArcepBig-number {
    vertical-align: middle;
    white-space: nowrap;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-700);
    text-align: center;
    padding: 2px
}

.ArcepBig-legalMentions {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 11px;
    background-color: #d9ef8e;
    background: -webkit-linear-gradient(top,#d9ef8e 0,#7fc600 5%,#009e0d 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#d9ef8e),color-stop(5%,#7fc600),to(#009e0d));
    background: linear-gradient(to bottom,#d9ef8e 0,#7fc600 5%,#009e0d 100%);
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    padding: 3px 0;
    margin-left: -7px -4px -6px 0
}

.ArcepBig-legalMentions::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 27%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    width: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-top-color: var(--msl-artwork-grey-0)
}

.ArcepBig-legalMentionsText {
    width: 69%;
    margin: auto;
    text-align: left
}

.ArcepBig--green {
    color: #78b41e;
    border: 1px solid #78b41e;
    box-shadow: none
}

.ArcepBig--green .ArcepBig-legalMentions {
    background: #78b41e
}

.ArcepBig--gray {
    color: #91919b;
    border: 1px solid #91919b;
    box-shadow: none
}

.ArcepBig--gray .ArcepBig-legalMentions {
    background: #91919b
}

.ArcepBig--grayDegraded {
    color: #91919b
}

.ArcepBig--grayDegraded .ArcepBig-legalMentions {
    background-color: #91919b;
    background: -webkit-linear-gradient(top,#c9c8d8 0,#8f909d 5%,#53555d 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#c9c8d8),color-stop(5%,#8f909d),to(#53555d));
    background: linear-gradient(to bottom,#c9c8d8 0,#8f909d 5%,#53555d 100%)
}

.ArcepBig--purple {
    color: #9c1981;
    border: 1px solid #9c1981;
    box-shadow: none
}

.ArcepBig--purple .ArcepBig-legalMentions {
    background: #9c1981
}

.ArcepBig--purpleDegraded {
    color: #9c1981
}

.ArcepBig--purpleDegraded .ArcepBig-legalMentions {
    background-color: #9c1981;
    background: -webkit-linear-gradient(top,#d17fcd 0,#ac1198 5%,#770063 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#d17fcd),color-stop(5%,#ac1198),to(#770063));
    background: linear-gradient(to bottom,#d17fcd 0,#ac1198 5%,#770063 100%)
}

.GreenBtn-dialogBox {
    background-color: var(--msl-artwork-grey-0);
    border-radius: 3px;
    bottom: 50px;
    box-shadow: 0 3px 12px 1px rgba(0,0,0,.66);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: 20px;
    min-width: 280px;
    position: fixed;
    width: 24%;
    z-index: 9999
}

.exampleOutput .GreenBtn-dialogBox {
    position: relative;
    bottom: auto;
    left: auto;
    margin-bottom: 20px
}

.GreenBtn-dialogBox--whiteTriangle .GreenBtn-dialogBoxTriangle::after {
    background: var(--msl-artwork-grey-0)
}

.GreenBtn-dialogBoxTriangle {
    position: absolute;
    bottom: -20px;
    left: 20px;
    width: 20px;
    height: 20px;
    overflow: hidden
}

.GreenBtn-dialogBoxTriangle:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--msl-artwork-grey-50);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -10px;
    left: -10px;
    box-shadow: 1px 1px 10px 2px rgba(0,0,0,.5)
}

.GreenBtn-dialogBoxHeader {
    display: table;
    width: 100%;
    height: 59px;
    background-color: var(--msl-functionnal-contact);
    color: var(--msl-artwork-grey-0);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.GreenBtn-dialogBoxHeaderOptionWrapper,.GreenBtn-dialogBoxHeaderTitleWrapper {
    display: table-cell;
    vertical-align: middle
}

.GreenBtn-dialogBoxHeaderTitleWrapper {
    padding-left: 20px
}

.GreenBtn-dialogBoxHeaderOptionWrapper {
    position: relative;
    text-align: right
}

.GreenBtn-dialogBoxHeaderTitleIcon {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    padding-right: 10px
}

.GreenBtn-dialogBoxHeaderOptionIcon,.GreenBtn-dialogBoxHeaderOptionReduce {
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    padding: 7px
}

.GreenBtn-dialogBoxHeaderOptionIcon:active,.GreenBtn-dialogBoxHeaderOptionIcon:focus,.GreenBtn-dialogBoxHeaderOptionIcon:hover,.GreenBtn-dialogBoxHeaderOptionReduce:active,.GreenBtn-dialogBoxHeaderOptionReduce:focus,.GreenBtn-dialogBoxHeaderOptionReduce:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.GreenBtn-dialogBoxHeaderOptionIcon--active {
    background-color: #004652;
    border-radius: 50%
}

.GreenBtn-dialogBoxHeaderOptionIcon--disabled {
    opacity: .3;
    background-color: transparent;
    cursor: not-allowed!important
}

.GreenBtn-dialogBoxHeaderOptionClose {
    color: var(--msl-artwork-grey-0);
    background-color: #004652;
    padding: 23.5px;
    border-top-right-radius: 3px
}

.GreenBtn-dialogBoxHeaderOptionClose:active,.GreenBtn-dialogBoxHeaderOptionClose:focus,.GreenBtn-dialogBoxHeaderOptionClose:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.flexbox .GreenBtn-dialogBoxHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    min-height: 59px
}

.flexbox .GreenBtn-dialogBoxHeaderTitleWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding-right: 7px
}

.flexbox .GreenBtn-dialogBoxHeaderTitle {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.flexbox .GreenBtn-dialogBoxHeaderOptionWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.flexbox .GreenBtn-dialogBoxHeaderOptionWrapper>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 3px
}

.flexbox .GreenBtn-dialogBoxHeaderOptionWrapper>span:last-child {
    -webkit-align-self: stretch;
    align-self: stretch;
    margin-left: 7px
}

.flexbox .GreenBtn-dialogBoxHeaderOptionClose {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-self: stretch;
    align-self: stretch
}

.GreenBtn-dialogBoxContent {
    height: 300px;
    background-color: var(--msl-artwork-grey-0);
    overflow-y: auto
}

.GreenBtn-dialogBoxContentWrapper {
    width: 100%
}

.GreenBtn-dialogBoxContentBloc--user {
    float: right;
    text-align: right
}

.GreenBtn-dialogBoxPara--noMarginBot {
    margin-bottom: 0!important
}

.GreenBtn-dialogBoxContentBloc,.GreenBtn-dialogBoxContentBloc--user {
    position: relative;
    max-width: 70%;
    margin-bottom: 20px
}

.GreenBtn-dialogBoxContentBlocName {
    color: var(--msl-brand-primary)
}

.GreenBtn-dialogBoxContentBlocBubble {
    background-color: var(--msl-artwork-grey-100)
}

.GreenBtn-dialogBoxContentBlocBubble::before {
    left: -18px;
    border-color: transparent var(--msl-artwork-grey-50) transparent transparent
}

.GreenBtn-dialogBoxContentBlocBubble--user {
    background-color: #004652;
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-dialogBoxContentBlocBubble--user::before {
    right: -17px;
    border-color: transparent transparent transparent #004652
}

.GreenBtn-dialogBoxContentBlocBubble,.GreenBtn-dialogBoxContentBlocBubble--user {
    padding: 10px;
    border-radius: 3px
}

.GreenBtn-dialogBoxContentBlocBubble--user::before,.GreenBtn-dialogBoxContentBlocBubble::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 10px solid transparent
}

.GreenBtn-dialogBoxContentBlocBubbleText {
    margin-bottom: 0
}

.GreenBtn-dialogBoxContent,.GreenBtn-dialogBoxContentBloc,.GreenBtn-dialogBoxContentBlocBubble,.GreenBtn-dialogBoxContentBlocBubbleTyping,.GreenBtn-dialogBoxContentBlocBubbleTypingWrapper,.GreenBtn-dialogBoxContentWrapper {
    float: left
}

.GreenBtn-dialogBoxContentBlocBubbleTyping {
    width: 7px;
    height: 7px;
    background-color: var(--msl-brand-secondary-100);
    border-radius: 50%;
    margin: 2px;
    -webkit-animation: 1.3s linear infinite loaderChatBoxTyping;
    animation: 1.3s linear infinite loaderChatBoxTyping
}

.GreenBtn-dialogBoxContentBlocBubbleTyping:first-child {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.GreenBtn-dialogBoxContentBlocBubbleTyping:nth-child(2) {
    -webkit-animation-delay: -975ms;
    animation-delay: -975ms
}

.GreenBtn-dialogBoxContentBlocBubbleTyping:nth-child(3) {
    -webkit-animation-delay: -650ms;
    animation-delay: -650ms
}

@-webkit-keyframes loaderChatBoxTyping {
    0%,100%,33% {
        background-color: var(--msl-brand-secondary-100)
    }

    11.5% {
        background-color: var(--msl-artwork-grey-600)
    }
}

@keyframes loaderChatBoxTyping {
    0%,100%,33% {
        background-color: var(--msl-brand-secondary-100)
    }

    11.5% {
        background-color: var(--msl-artwork-grey-600)
    }
}

.GreenBtn-dialogBoxContentBlocTime {
    color: var(--msl-artwork-grey-600);
    text-align: right;
    margin-top: 5px
}

.GreenBtn-dialogBoxContentBlocName,.GreenBtn-dialogBoxContentBlocTime {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 5px
}

.GreenBtn-dialogBoxContent,.GreenBtn-dialogBoxFooter {
    width: 100%;
    padding: 20px
}

.GreenBtn-dialogBoxContent--borderRadius,.GreenBtn-dialogBoxFooter {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.GreenBtn-dialogBoxFooter {
    display: table;
    width: 100%;
    background-color: var(--msl-artwork-grey-100)
}

.GreenBtn-dialogBoxFooterSend,.GreenBtn-dialogBoxFooterUserMessage {
    display: table-cell;
    vertical-align: middle
}

.GreenBtn-dialogBoxFooterUserMessage {
    width: 100%;
    background-color: transparent;
    color: var(--msl-artwork-grey-600);
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.5;
    height: 1.5em;
    border: 0;
    overflow: auto;
    resize: none;
    outline: 0;
    padding: 0
}

@media screen and (max-width: 649px) {
    .GreenBtn-dialogBoxFooterUserMessage {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }
}

.GreenBtn-dialogBoxFooterSend {
    color: var(--msl-functionnal-contact);
    text-align: right
}

@media screen and (max-width: 989px) {
    .GreenBtn-dialogBox {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999
    }

    .GreenBtn-dialogBox::after {
        display: none
    }

    .exampleOutput .GreenBtn-dialogBox {
        height: 100vh
    }

    .GreenBtn-dialogBox,.GreenBtn-dialogBoxFooter,.GreenBtn-dialogBoxHeader {
        border-radius: 0
    }

    .GreenBtn-dialogBoxHeader {
        position: relative
    }

    .GreenBtn-dialogBoxHeaderTitle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .GreenBtn-dialogBoxContent,.GreenBtn-dialogBoxFooter,.GreenBtn-dialogBoxHeaderTitle {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

    .GreenBtn-dialogBoxContent {
        height: auto;
        max-height: -webkit-calc(100% - 118px);
        max-height: calc(100% - 118px);
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .GreenBtn-dialogBoxHeaderOptionClose {
        background-color: transparent
    }

    .GreenBtn-dialogBoxHeaderOptionReduce {
        padding-right: 0
    }
}

.GreenBtn-dialogBoxContentBanner {
    display: table;
    width: 100%;
    min-height: 70px;
    background-color: var(--msl-artwork-grey-900);
    color: var(--msl-artwork-grey-0);
    padding: 10px 20px
}

.GreenBtn-dialogBoxContentBannerText {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.GreenBtn-dialogBoxContentBannerBtnWrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.GreenBtn-dialogBoxContentBannerBtn {
    display: inline-block;
    width: 50px;
    border: 1px solid var(--msl-artwork-grey-0);
    border-radius: 3px;
    text-align: center;
    padding: 6px 10px
}

.GreenBtn-dialogBoxContentBannerBtn+.GreenBtn-dialogBoxContentBannerBtn {
    background-color: var(--msl-artwork-grey-0);
    margin-left: 5px
}

.GreenBtn-dialogBoxContentBannerBtn+.GreenBtn-dialogBoxContentBannerBtn,.GreenBtn-dialogBoxContentBannerBtn+.GreenBtn-dialogBoxContentBannerBtn:active,.GreenBtn-dialogBoxContentBannerBtn+.GreenBtn-dialogBoxContentBannerBtn:focus,.GreenBtn-dialogBoxContentBannerBtn+.GreenBtn-dialogBoxContentBannerBtn:hover {
    color: #004652
}

.GreenBtn-dialogBoxContentBannerBtn,.GreenBtn-dialogBoxContentBannerBtn:active,.GreenBtn-dialogBoxContentBannerBtn:focus,.GreenBtn-dialogBoxContentBannerBtn:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-dialogBoxContent--fullBorderRadius {
    border-radius: 3px
}

.GreenBtn-dialogBoxContentHome {
    height: 300px;
    background-color: var(--msl-artwork-grey-0);
    padding: 20px
}

.GreenBtn-dialogBoxContentHomeWrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 20%
}

.GreenBtn-dialogBoxContentHomeBtnWrapper,.GreenBtn-dialogBoxContentHomeText {
    text-align: center
}

.GreenBtn-dialogBoxContentHomeBtn {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: var(--msl-artwork-grey-600);
    border-radius: 50%;
    -webkit-animation: 1.3s linear infinite loaderChatBoxHome;
    animation: 1.3s linear infinite loaderChatBoxHome
}

.GreenBtn-dialogBoxContentHomeBtn:first-child {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.GreenBtn-dialogBoxContentHomeBtn:nth-child(2) {
    -webkit-animation-delay: -975ms;
    animation-delay: -975ms
}

.GreenBtn-dialogBoxContentHomeBtn:nth-child(3) {
    -webkit-animation-delay: -650ms;
    animation-delay: -650ms
}

@-webkit-keyframes loaderChatBoxHome {
    0%,100%,33% {
        background-color: var(--msl-artwork-grey-600);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    11.5% {
        background-color: var(--msl-brand-secondary-400);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes loaderChatBoxHome {
    0%,100%,33% {
        background-color: var(--msl-artwork-grey-600);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    11.5% {
        background-color: var(--msl-brand-secondary-400);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@media screen and (max-width: 989px) {
    .GreenBtn-dialogBoxContentHome {
        height:auto
    }
}

.GreenBtn-dialogBoxContentBlocBubble--userError {
    background-color: var(--msl-functionnal-contact);
    opacity: .5
}

.GreenBtn-dialogBoxContentBlocBubble--userError::before {
    border-color: transparent transparent transparent var(--msl-functionnal-contact)
}

.GreenBtn-dialogBoxChatParameterZoom,.GreenBtn-dialogBoxFileAdvisor,.GreenBtn-dialogBoxFileSize {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.GreenBtn-dialogBoxFileDwnld {
    text-align: right
}

.GreenBtn-dialogBoxFileAccept+.GreenBtn-dialogBoxFileAccept {
    color: var(--msl-functionnal-danger-100);
    margin-left: 15px
}

.GreenBtn-dialogBoxFileTransferWrapper {
    display: table;
    width: 100%
}

.GreenBtn-dialogBoxFileTransferImgWrapper,.GreenBtn-dialogBoxFileTransferText {
    display: table-cell;
    vertical-align: middle
}

.GreenBtn-dialogBoxFileTransferImg {
    width: 20px;
    margin-right: 10px
}

.GreenBtn-dialogBoxFileName,.GreenBtn-dialogBoxFileName:active,.GreenBtn-dialogBoxFileName:focus,.GreenBtn-dialogBoxFileName:hover {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn-dialogBoxHeaderOptionParameters {
    position: relative;
    display: inline-block
}

.GreenBtn-dialogBoxChatParameters {
    position: absolute;
    top: 100%;
    left: 0;
    width: 237px;
    height: 210px;
    background-color: #fff;
    z-index: 1;
    margin-right: -200px;
    margin-top: 10px;
    box-shadow: 0 3px 12px 1px rgba(0,0,0,.66)
}

.GreenBtn-dialogBoxChatParameter {
    display: table;
    width: 100%;
    height: 46px;
    padding: 13px
}

.GreenBtn-dialogBoxChatParameter+.GreenBtn-dialogBoxChatParameter {
    border-top: 1px solid var(--msl-brand-secondary-100);
    text-decoration: none;
    cursor: pointer
}

.GreenBtn-dialogBoxChatParameter--left {
    text-align: left
}

.GreenBtn-dialogBoxChatParameter--center {
    text-align: center
}

.GreenBtn-dialogBoxChatParameter--disabled {
    opacity: .3;
    background-color: transparent;
    cursor: not-allowed!important
}

.GreenBtn-dialogBoxChatParameter--disabled .GreenBtn-dialogBoxChatParameterIcon {
    cursor: not-allowed!important
}

.GreenBtn-dialogBoxChatParameterZoom {
    border-right: 1px solid var(--msl-brand-secondary-100);
    border-left: 1px solid var(--msl-brand-secondary-100)
}

.GreenBtn-dialogBoxChatParameterIcon {
    color: var(--msl-brand-secondary-400);
    width: 13%;
    cursor: pointer
}

.GreenBtn-dialogBoxChatParameterIcon:active,.GreenBtn-dialogBoxChatParameterIcon:focus,.GreenBtn-dialogBoxChatParameterIcon:hover {
    text-decoration: none;
    color: var(--msl-brand-secondary-400)
}

.GreenBtn-dialogBoxChatGcuLink,.GreenBtn-dialogBoxSatisfactionContentQuestion,.GreenBtn-dialogBoxSatisfactionTitle--regularFont {
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-dialogBoxChatGcuLink,.GreenBtn-dialogBoxChatParameterText {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn-dialogBoxChatGcuLink,.GreenBtn-dialogBoxChatParameterIcon,.GreenBtn-dialogBoxChatParameterText,.GreenBtn-dialogBoxChatParameterZoom {
    display: table-cell
}

.GreenBtn-dialogBoxChatGcuLink,.GreenBtn-dialogBoxChatParameterText,.GreenBtn-dialogBoxChatParameterZoom {
    vertical-align: middle
}

.GreenBtn-dialogBoxSatisfaction {
    text-align: center;
    position: relative;
    height: 100%
}

.GreenBtn-dialogBoxSatisfactionContent,.GreenBtn-dialogBoxSatisfactionFooter,.GreenBtn-dialogBoxSatisfactionHeader {
    position: absolute;
    left: 50%;
    width: 100%
}

.GreenBtn-dialogBoxSatisfactionContent,.GreenBtn-dialogBoxSatisfactionHeader {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.GreenBtn-dialogBoxSatisfactionHeader {
    top: 20px
}

.GreenBtn-dialogBoxSatisfactionTitle,.GreenBtn-dialogBoxSatisfactionTitle--regularFont {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 2px
}

.GreenBtn-dialogBoxSatisfactionContent {
    top: 50%
}

.GreenBtn-dialogBoxSatisfactionContentQuestion {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-dialogBoxSatisfactionContentStarWrapper {
    margin: 20px 0;
    cursor: pointer
}

.GreenBtn-dialogBoxSatisfactionContentStar {
    color: var(--msl-artwork-grey-600);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    padding: 0 5px
}

.GreenBtn-dialogBoxSatisfactionContentRating {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-dialogBoxSatisfactionContentRating,.GreenBtn-dialogBoxSatisfactionContentStar--active {
    color: var(--msl-functionnal-danger-100)
}

.GreenBtn-dialogBoxSatisfactionFooter {
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.GreenBtn-dialogBoxSatisfactionFooterBtn {
    margin: 5px;
    height: 42px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

@media screen and (max-width: 989px) {
    .GreenBtn-dialogBoxContentHome {
        height:-webkit-calc(100% - 59px);
        height: calc(100% - 59px)
    }

    .GreenBtn-dialogBoxSatisfaction {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        height: 100%
    }

    .GreenBtn-dialogBoxSatisfactionTitle {
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }

    .GreenBtn-dialogBoxSatisfactionContentQuestion {
        margin-bottom: 5px!important
    }

    .GreenBtn-dialogBoxSatisfactionContentDelay,.GreenBtn-dialogBoxSatisfactionContentQuestion,.GreenBtn-dialogBoxSatisfactionFooterBtn {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .GreenBtn-dialogBoxChatParameters {
        margin-right: 0;
        margin-left: -200px
    }
}

.GreenBtn-dialogBoxSatisfactionComment {
    width: 60%;
    height: 85px;
    border: 1px solid var(--msl-artwork-grey-600);
    border-radius: 3px;
    margin-top: 15px;
    resize: none;
    overflow: auto;
    outline: 0
}

@media screen and (max-width: 649px) {
    .GreenBtn-dialogBoxSatisfactionComment {
        width:90%;
        height: 60px
    }

    .GreenBtn-dialogBoxChatParameters {
        margin-right: -75px;
        margin-left: -125px
    }
}

.GreenBtn-dialogBoxSatisfactionEnd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%
}

.GreenBtn-dialogBoxSatisfactionEndText {
    width: 80%;
    margin: 25px auto
}

.GreenBtn-helpTitle {
    margin: 0 0 15px;
    text-align: center;
    color: var(--msl-brand-primary)
}

.GreenBtn-helpLink {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 0 0 15px;
    padding: 13px 45px 13px 15px;
    min-height: 64px;
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.5;
    color: var(--msl-artwork-grey-900);
    background: var(--msl-artwork-grey-50);
    text-decoration: none;
    border-radius: var(--msl-borderRadius-100)
}

.GreenBtn-helpLink:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    color: var(--msl-brand-primary)
}

.GreenBtn-helpLink:focus,.GreenBtn-helpLink:hover {
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.GreenBtn-helpLink:focus:after,.GreenBtn-helpLink:hover:after {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-helpLink:last-child {
    margin-bottom: 0
}

.GreenBtn-dialogBoxFAQ {
    background: var(--msl-artwork-grey-50);
    margin: -20px;
    padding: 20px
}

.GreenBtn-dialogBoxFAQ .panel {
    margin-bottom: 0;
    background: 0 0
}

.GreenBtn-dialogBoxFAQ .AccordionSteps-header.panel-title {
    padding-bottom: 10px!important
}

.GreenBtn-dialogBoxFAQ .AccordionSteps-headerIcon {
    background: 0 0;
    color: var(--msl-functionnal-warning-100);
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    padding-left: 0;
    width: 35px
}

.GreenBtn-dialogBoxFAQ .AccordionSteps-headerTitle {
    padding: 0 0 0 15px
}

.GreenBtn-dialogBoxFAQ .Comments {
    margin: 0;
    padding: 0
}

.GreenBtn-dialogBoxFAQ .Comments-icon {
    width: 75px
}

.GreenBtn-dialogBoxFAQ .Comments-arrowBox {
    width: auto
}

.GreenBtn-dialogBoxFooter--links {
    background: var(--msl-artwork-grey-0)
}

.GreenBtn-dialogBoxFooterLink {
    display: inline-block;
    position: relative
}

.GreenBtn-dialogBoxFooterLink:before {
    position: absolute;
    top: 50%;
    display: inline-block;
    height: 1em;
    margin: -.5em 0;
    font-size: var(--msl-fontSize-12);
    text-decoration: none
}

.GreenBtn-dialogBoxFooterLink--prev {
    padding-left: 20px
}

.GreenBtn-dialogBoxFooterLink--prev:before {
    content: "";
    left: 0
}

.GreenBtn-dialogBoxFooterLink--next {
    padding-right: 20px;
    float: right
}

.GreenBtn-dialogBoxFooterLink--next:before {
    content: "";
    right: 0
}

.GreenBtn-chatBoxReduced {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: fixed;
    z-index: 9999;
    bottom: 32px;
    left: 20px;
    box-shadow: 0 3px 12px 1px rgba(0,0,0,.5);
    border-radius: 3px
}

.exampleOutput .GreenBtn-chatBoxReduced {
    position: relative;
    bottom: auto;
    left: auto;
    margin-bottom: 20px
}

.GreenBtn-chatBoxReduced--folded .GreenBtn-chatBoxReducedIconWrapper {
    border-radius: 3px
}

.GreenBtn-chatBoxReduced--folded .GreenBtn-chatBoxUnfolded {
    display: none
}

.GreenBtn-chatBoxReducedIconWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    background-color: #004652;
    padding: 15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.GreenBtn-chatBoxReducedIconWrapper,.GreenBtn-chatBoxReducedIconWrapper:active,.GreenBtn-chatBoxReducedIconWrapper:focus,.GreenBtn-chatBoxReducedIconWrapper:hover {
    text-decoration: none
}

.GreenBtn-chatBoxReducedIcon {
    color: var(--msl-artwork-grey-0);
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .GreenBtn-chatBoxReducedIcon {
        font-size:var(--msl-fontSize-34)
    }
}

.GreenBtn-chatBoxReducedTriangle {
    position: absolute;
    bottom: -25px;
    left: 20%;
    width: 50px;
    height: 25px;
    margin: 0 -10px;
    overflow: hidden
}

.GreenBtn-chatBoxReducedTriangle:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 15px;
    background: #004652;
    top: 0;
    left: 10px;
    box-shadow: 0 3px 12px 1px rgba(0,0,0,.3);
    -webkit-transform: skew(0deg,-45deg);
    transform: skew(0deg,-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.GreenBtn-chatBoxUnfolded {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0 15px;
    max-width: 323px
}

.GreenBtn-chatBoxUnfolded::after {
    content: "";
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #004652
}

.GreenBtn-chatBoxUnfolded:before {
    content: " ";
    position: absolute;
    right: 100%;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    border-color: transparent #004652 transparent transparent;
    pointer-events: none
}

.GreenBtn-chatBoxUnfolded:after,.GreenBtn-chatBoxUnfolded:before {
    display: none
}

.GreenBtn-chatBoxUnfoldedText {
    padding-right: 15px
}

.GreenBtn-chatBoxUnfoldedBtnWrapper {
    background-color: var(--msl-artwork-grey-0);
    text-align: right;
    white-space: nowrap
}

.GreenBtn-chatBoxUnfolded,.GreenBtn-chatBoxUnfoldedBtn {
    background-color: var(--msl-artwork-grey-0);
    color: #004652
}

.GreenBtn-chatBoxUnfoldedBtn {
    border: 1px solid #004652
}

.GreenBtn-chatBoxUnfoldedBtn:active,.GreenBtn-chatBoxUnfoldedBtn:focus,.GreenBtn-chatBoxUnfoldedBtn:hover {
    background-color: #004652;
    color: var(--msl-artwork-grey-0);
    border-color: #004652
}

.GreenBtn-chatBoxUnfoldedBtn--active {
    background-color: #004652;
    border-color: #004652;
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-chatBoxUnfoldedBtn--active:active,.GreenBtn-chatBoxUnfoldedBtn--active:focus,.GreenBtn-chatBoxUnfoldedBtn--active:hover {
    background-color: var(--msl-functionnal-contact);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-functionnal-contact)
}

@media screen and (max-width: 989px) {
    .GreenBtn-chatBoxReduced {
        box-shadow:none
    }

    .GreenBtn-chatBoxReducedIconWrapper {
        border-radius: 50px!important
    }

    .GreenBtn-chatBoxUnfolded {
        background-color: #004652;
        color: var(--msl-artwork-grey-0);
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        margin-left: 20px
    }

    .GreenBtn-chatBoxUnfolded:before {
        display: block
    }

    .GreenBtn-chatBoxUnfolded:after {
        display: none
    }

    .GreenBtn-chatBoxUnfoldedBtnWrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        z-index: 1;
        background-color: #004652
    }

    .GreenBtn-chatBoxUnfoldedBtn {
        background-color: #004652;
        color: var(--msl-artwork-grey-0);
        border: 1px solid var(--msl-artwork-grey-0)
    }

    .GreenBtn-chatBoxUnfoldedBtn:active,.GreenBtn-chatBoxUnfoldedBtn:focus,.GreenBtn-chatBoxUnfoldedBtn:hover {
        background-color: var(--msl-artwork-grey-0);
        border-color: var(--msl-artwork-grey-0);
        color: #004652
    }

    .GreenBtn-chatBoxUnfoldedBtn--active {
        background-color: var(--msl-artwork-grey-0);
        border-color: var(--msl-artwork-grey-0);
        color: #004652
    }

    .GreenBtn-chatBoxUnfoldedBtn--active:active,.GreenBtn-chatBoxUnfoldedBtn--active:focus,.GreenBtn-chatBoxUnfoldedBtn--active:hover {
        background-color: var(--msl-artwork-grey-50);
        border-color: var(--msl-artwork-grey-50);
        color: #004652
    }

    .GreenBtn-chatBoxUnfoldedBtn+.GreenBtn-chatBoxUnfoldedBtn {
        margin-left: 5px
    }

    .GreenBtn-chatBoxUnfoldedText {
        padding-right: 10px
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-chatBoxReduced {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        left: inherit;
        right: 5px
    }

    .GreenBtn-chatBoxReducedIconWrapper {
        margin-right: 0
    }

    .GreenBtn-chatBoxUnfolded {
        padding: 0 10px;
        margin-right: 20px
    }

    .GreenBtn-chatBoxUnfolded:before {
        display: none
    }

    .GreenBtn-chatBoxUnfolded:after {
        display: block
    }

    .GreenBtn-chatBoxUnfoldedBtnWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .GreenBtn-chatBoxUnfoldedBtn {
        margin-left: 5px
    }

    .GreenBtn-chatBoxUnfoldedText {
        padding-right: 0
    }
}

.GreenBtn-dialogBox.GreenBtn-vivochat {
    left: -webkit-calc(24% + 30px);
    left: calc(24% + 30px)
}

@media screen and (max-width: 1166px) {
    .GreenBtn-dialogBox.GreenBtn-vivochat {
        left:310px
    }
}

.GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxContentBlocBubble--user,.GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxHeader {
    background-color: var(--msl-brand-secondary-400)
}

.GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxContentBlocName,.GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxFooterSend {
    color: var(--msl-brand-secondary-400)
}

.GreenBtn-dialogBox.GreenBtn-vivochat .GreenBtn-dialogBoxHeaderOptionClose {
    background-color: #296f65
}

@media screen and (max-width: 989px) {
    .GreenBtn-dialogBox.GreenBtn-vivochat {
        left:0
    }
}

.GreenBtn-chatBoxReduced.GreenBtn-chatBoxReduced--folded.GreenBtn-vivochatReduced {
    left: 99px
}

.GreenBtn-chatBoxReduced.GreenBtn-chatBoxReduced--folded.GreenBtn-vivochatReduced .GreenBtn-chatBoxReducedIconWrapper,.GreenBtn-chatBoxReduced.GreenBtn-chatBoxReduced--folded.GreenBtn-vivochatReduced .GreenBtn-chatBoxReducedTriangle:after {
    background: var(--msl-brand-secondary-400)
}

.GreenBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--msl-functionnal-contact);
    height: 100%;
    min-height: 100%;
    overflow: auto;
    z-index: 9997;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (max-width: 989px) {
    .GreenBtn {
        height:auto
    }
}

.GreenBtn .MyAgency {
    margin: 0
}

.GreenBtn .StoreLocatorMap-Agencies {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    flex: 0;
    width: 0;
    -webkit-transition: -webkit-box-flex 1s,-webkit-flex 1s;
    transition: -webkit-box-flex 1s,-webkit-flex 1s;
    transition: flex 1s;
    transition: flex 1s,-webkit-box-flex 1s,-webkit-flex 1s
}

.GreenBtn .StoreLocatorMap-Agencies.toggle-open {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.GreenBtn .StoreLocatorMap-Map {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    flex: 0;
    -webkit-transition: -webkit-box-flex 1s,-webkit-flex 1s;
    transition: -webkit-box-flex 1s,-webkit-flex 1s;
    transition: flex 1s;
    transition: flex 1s,-webkit-box-flex 1s,-webkit-flex 1s
}

.GreenBtn .StoreLocatorMap-Map.toggle-open {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.GreenBtn .StoreLocatorMap-GMap {
    height: 100%;
    width: 100%
}

.GreenBtn .StoreLocatorMap-Toggle {
    border: 1px solid var(--msl-artwork-grey-0);
    padding: 1.5vh 5vw;
    color: var(--msl-artwork-grey-0);
    cursor: pointer;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-box-flex: .5;
    -webkit-flex: .5;
    flex: .5
}

.GreenBtn .StoreLocatorMap-Toggle:focus,.GreenBtn .StoreLocatorMap-Toggle:focus-visible {
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--msl-border-focusIndicator-reverse);
    outline-style: solid
}

.GreenBtn .StoreLocatorMap-Toggle:first-of-type {
    border-top-left-radius: var(--msl-borderRadius-50);
    border-bottom-left-radius: var(--msl-borderRadius-50);
    border-right-color: transparent;
    background-color: transparent
}

.GreenBtn .StoreLocatorMap-Toggle:last-of-type {
    border-top-right-radius: var(--msl-borderRadius-50);
    border-bottom-right-radius: var(--msl-borderRadius-50);
    border-left-color: transparent;
    background-color: transparent
}

.GreenBtn .StoreLocatorMap-Toggle.active {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-functionnal-contact);
    padding: 2vh 5vw;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn .StoreLocatorMap-Filters {
    background-color: #004652
}

.GreenBtn .StoreLocatorMap-Filters .checkbox-label {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn .StoreLocatorMap-Filters .checkbox-label:before {
    border-color: var(--msl-artwork-grey-0);
    background-color: var(--msl-artwork-grey-0)
}

.GreenBtn .StoreLocatorMap-Filters .checkbox-label:after {
    background: var(--msl-brand-primary)
}

.GreenBtn .StoreLocatorMap-Filter:nth-child(3),.GreenBtn .StoreLocatorMap-Filter:nth-child(4),.GreenBtn .StoreLocatorMap-Filter:nth-child(5) {
    display: none
}

.GreenBtn .StoreLocatorCard-headLink--mobile {
    position: absolute;
    top: 100px;
    right: 5%
}

.GreenBtn .StoreLocatorCard-headLink--mobile,.GreenBtn .StoreLocatorCard-headLink--mobile:active,.GreenBtn .StoreLocatorCard-headLink--mobile:focus,.GreenBtn .StoreLocatorCard-headLink--mobile:hover {
    color: var(--msl-artwork-grey-0)
}

@media screen and (max-width: 649px) {
    .GreenBtn .StoreLocatorCard-headLink--mobile {
        right:7%
    }
}

.GreenBtn .StoreLocatorMap-GMap {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn .StoreLocatorMap-AgencyAddress {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn .CardAgencyFunc-address,.GreenBtn .CardAgencyFunc-elem,.GreenBtn .CardAgencyFunc-line,.GreenBtn .CardAgencyFunc-title {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn .CardAgencyFunc-day {
    color: var(--msl-artwork-grey-900)
}

.GreenBtn .CardAgencyFunc-day--today {
    color: var(--msl-brand-primary)
}

.GreenBtn .CardAgencyFunc-day--today.CardAgencyFunc-day--closed {
    color: var(--msl-bg-notification)
}

.GreenBtn .CardAgencyFunc-element {
    padding: 0
}

@media (min-width: 990px) {
    .GreenBtn .CardAgencyFunc-element:nth-of-type(-n+2) {
        border-right:none
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .GreenBtn .CardAgencyFunc-element:nth-of-type(3) {
        border-top:none
    }

    .GreenBtn .CardAgencyFunc-element:nth-of-type(odd) {
        border-right: none
    }
}

@media (min-width: 320px) and (max-width:649px) {
    .GreenBtn .CardAgencyFunc-element:not(last-of-type) {
        border-bottom:none
    }
}

.GreenBtn .CardAgencyFunc-element:first-child {
    border-top: 1px solid rgba(0,0,0,.1);
    border-right: none
}

.GreenBtn .GreenBtn-callbackLaterNowBubbleTyping {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 5px;
    -webkit-animation: 1.8s linear infinite loaderCallbackNow;
    animation: 1.8s linear infinite loaderCallbackNow
}

.GreenBtn .GreenBtn-callbackLaterNowBubbleTyping:first-child {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.GreenBtn .GreenBtn-callbackLaterNowBubbleTyping:nth-child(2) {
    -webkit-animation-delay: -975ms;
    animation-delay: -975ms
}

.GreenBtn .GreenBtn-callbackLaterNowBubbleTyping:nth-child(3) {
    -webkit-animation-delay: -650ms;
    animation-delay: -650ms
}

@keyframes loaderCallbackNow {
    0%,100%,33% {
        background-color: var(--msl-artwork-grey-0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        background-color: var(--msl-brand-secondary-400);
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

.GreenBtn .Captcha-calcul,.GreenBtn .Captcha-title {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn .Captcha-answer .form-control {
    border: 1px solid var(--msl-artwork-grey-0)
}

.GreenBtn .texte.section {
    padding: 0
}

.GreenBtn .CardAgencyFunc-list {
    padding: 10px 0;
    list-style-position: inside
}

.exampleOutput .GreenBtn {
    position: relative;
    top: auto;
    left: auto;
    height: 100vh
}

.GreenBtn-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    min-height: 60px;
    background-color: #004652;
    color: var(--msl-artwork-grey-0);
    padding: 20px;
    z-index: 9999;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

@media screen and (max-width: 989px) {
    .GreenBtn-header {
        padding-left:5%
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-header {
        padding-left:7%
    }
}

.GreenBtn-headerTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase
}

.GreenBtn-headerTitle--center.GreenBtn-headerTitle--center {
    text-align: center
}

.GreenBtn-headerBtn {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 9999
}

.GreenBtn-headerClose {
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--msl-spacing-300) 20px var(--msl-spacing-300) var(--msl-spacing-300)
}

.GreenBtn-headerClose,.GreenBtn-headerClose:active,.GreenBtn-headerClose:focus,.GreenBtn-headerClose:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-back {
    z-index: 9999
}

.GreenBtn-back,.GreenBtn-back:active,.GreenBtn-back:focus,.GreenBtn-back:hover {
    color: var(--msl-artwork-grey-0)
}

@media screen and (min-width: 990px) {
    .GreenBtn-back {
        left:20px;
        position: absolute;
        top: 20px
    }
}

@media screen and (max-width: 989px) {
    .GreenBtn-back {
        -webkit-align-self:flex-start;
        align-self: flex-start;
        margin-bottom: 35px
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-back {
        left:7%
    }
}

.GreenBtn-iconBack {
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    height: 15px;
    margin-right: 6px;
    overflow: hidden;
    text-decoration: none
}

.GreenBtn-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    color: var(--msl-artwork-grey-0);
    padding: var(--msl-spacing-500) 5%;
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    width: 100%
}

.GreenBtn-content--aL {
    text-align: left
}

.GreenBtn-contentBlock {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.GreenBtn-contentInfo {
    margin: 0;
    padding: 0 20px 20px
}

.GreenBtn-contentInfo--fsMB {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 30px
}

.GreenBtn-contentInfo--aLNpl {
    text-align: left;
    padding-left: 0
}

.GreenBtn-contentInfoLink,.GreenBtn-contentInfoLink:active,.GreenBtn-contentInfoLink:focus,.GreenBtn-contentInfoLink:hover {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-contentBlockInner {
    display: block;
    width: 100%;
    padding: 0
}

.GreenBtn-contentBlockItem {
    display: block;
    width: 100%;
    min-height: 150px;
    background-color: var(--msl-artwork-grey-0);
    padding: 35px 55px;
    margin-bottom: 20px;
    overflow: hidden
}

.GreenBtn-contentBlockItem:last-child {
    margin-bottom: 0
}

.GreenBtn-contentBlockItem--overflowInherit {
    overflow: inherit
}

.GreenBtn-contentBlockItem--minH {
    min-height: 60px
}

.GreenBtn-contentBlockItemHeader {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0);
    background-color: #004652;
    padding: 25px 30px
}

.GreenBtn-contentBlockItemTitle {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-900);
    margin-bottom: 17px;
    line-height: 1.1
}

.GreenBtn-contentBlockItemMessageError {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0);
    margin-bottom: 17px;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.GreenBtn-contentBlockItemTitle--leftWhite {
    text-align: left;
    color: var(--msl-artwork-grey-0);
    margin-bottom: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0
}

.GreenBtn-contentBlockItemTitle--green {
    color: var(--msl-brand-primary);
    margin-bottom: 10px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.GreenBtn-contentBlockItemTitle--white {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-contentBlockItemTitle--fw {
    font-weight: var(--msl-fontWeight-400)
}

.GreenBtn-contentBlockItemBody {
    padding: 25px 30px;
    text-align: left
}

.GreenBtn-contentBlockItemBody .OutputMsg--opposition>p:last-child {
    margin-bottom: 0
}

.GreenBtn-contentBlockItemBody--table {
    display: table;
    width: 100%
}

.GreenBtn-contentBlockItemBody--tableCell {
    display: table-cell;
    vertical-align: middle
}

.GreenBtn-contentBlockItemBody--tableCell:first-child {
    width: 80%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: left
}

@media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemBody--tableCell:first-child {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

.GreenBtn-contentBlockItemBody--tableCell:last-child {
    width: 20%;
    text-align: right
}

.GreenBtn-contentBlockItem--noPad {
    padding: 0
}

.GreenBtn-contentBlockItem--brandContact {
    background-color: var(--msl-functionnal-contact)
}

.GreenBtn-contentBlockItemText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900);
    margin: 20px 0
}

.GreenBtn-contentBlockItemText--gris {
    color: var(--msl-artwork-grey-600);
    font-style: italic;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 0;
    margin-top: 0
}

.GreenBtn-contentBlockItemText--green {
    color: var(--msl-brand-primary);
    margin-top: 10px;
    margin-bottom: 15px
}

.GreenBtn-contentBlockItemText--black {
    margin-top: 15px;
    margin-bottom: 25px
}

.GreenBtn-contentBlockItemSpan {
    color: var(--msl-brand-primary)
}

@media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemSpan {
        display:block
    }
}

.GreenBtn-contentBlockItemContentLink {
    text-align: center
}

.GreenBtn-contentBlockItemLink {
    color: var(--msl-brand-primary);
    cursor: pointer;
    white-space: nowrap
}

.GreenBtn-contentBlockItemTextarea {
    border-radius: 6px;
    width: 100%;
    height: 123px;
    border-color: var(--msl-artwork-grey-100);
    outline: 0;
    padding: 10px 15px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    resize: none;
    color: var(--msl-artwork-grey-900)
}

.GreenBtn-contentBlockItemTextarea::-webkit-input-placeholder {
    font-style: italic;
    color: var(--msl-artwork-grey-600)
}

.GreenBtn-contentBlockItemTextarea::-moz-placeholder {
    font-style: italic;
    color: var(--msl-artwork-grey-600)
}

.GreenBtn-contentBlockItemTextarea:-ms-input-placeholder {
    font-style: italic;
    color: var(--msl-artwork-grey-600)
}

.GreenBtn-contentBlockItemTextarea::-ms-input-placeholder {
    font-style: italic;
    color: var(--msl-artwork-grey-600)
}

.GreenBtn-contentBlockItemTextarea::placeholder {
    font-style: italic;
    color: var(--msl-artwork-grey-600)
}

.GreenBtn-contentBlockItemTextarea--error {
    border-color: var(--msl-functionnal-danger-100)
}

.GreenBtn-contentBlockItemNumber {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-brand-secondary-500);
    margin: 20px 0
}

.GreenBtn-contentBlockItemNumber .Arcep {
    margin-top: 0
}

.GreenBtn-contentBlockItemNumberCallTo,.GreenBtn-contentBlockItemNumberCallTo:active,.GreenBtn-contentBlockItemNumberCallTo:focus,.GreenBtn-contentBlockItemNumberCallTo:hover {
    text-decoration: none;
    color: var(--msl-brand-secondary-500)
}

.GreenBtn-contentBlockItemBtn {
    display: block
}

@media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemBtn {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.GreenBtn-contentBlockItemBtnPrimary {
    margin: 5px;
    height: 48px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

@media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemBtnPrimary {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin: 5px 0
    }
}

.GreenBtn-contentBlockItemBtnPrimaryWhite {
    color: var(--msl-functionnal-contact);
    margin: 5px;
    height: 42px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700);
    padding-top: 6px;
    padding-bottom: 6px
}

@media screen and (max-width: 649px) {
    .GreenBtn-contentBlockItemBtnPrimaryWhite {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin: 5px 0
    }
}

.GreenBtn-contentBlockItemBtnPrimary--noMarg {
    margin: 0
}

.GreenBtn-contentBlockItemInput {
    display: block;
    width: 100%
}

.GreenBtn-contentBlockItemInput .form-control {
    font-style: italic
}

.GreenBtn-contentBlockItemInput .form-control:focus {
    border: 1px solid var(--msl-functionnal-contact)
}

.GreenBtn-contentBlockItemBtnIcon {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-right: 10px;
    margin-top: -4px
}

.GreenBtn-contentBlockItemBack {
    display: block;
    margin-top: 80px
}

.GreenBtn-contentBlockItemBackLink,.GreenBtn-contentBlockItemBackLink:active,.GreenBtn-contentBlockItemBackLink:focus,.GreenBtn-contentBlockItemBackLink:hover {
    color: var(--msl-artwork-grey-0)
}

.GreenBtn-contentBlockItem--noMarg {
    margin: 0
}

@media (min-width: 990px) {
    .flexbox .ContainerBvModal,.flexbox .GreenBtnContainer {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .flexbox .ContainerBvModal>div,.flexbox .GreenBtnContainer>div {
        height: auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }
}

.ContainerBvModal {
    position: fixed
}

@media (min-width: 990px) {
    .ContainerBvModal {
        position:absolute;
        z-index: 99
    }
}

.ContainerBvModal--hidden {
    display: none!important
}

.GreenBtnContainer {
    outline: 0
}

.GreenBtnContainer .GreenBtn-callbackHomeContent,.GreenBtnContainer .GreenBtn-content {
    margin-top: 60px;
    z-index: 9999;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

@media screen and (min-width: 650px) {
    .GreenBtnContainer .GreenBtn-callbackHomeContent,.GreenBtnContainer .GreenBtn-content {
        height:-webkit-calc(100% - 60px);
        height: calc(100% - 60px)
    }
}

.GreenBtn-contentBlockItem.js-findAgenceForm .GreenBtn-contentBlockItemBtnPrimary {
    background-color: var(--msl-functionnal-contact);
    border-radius: var(--msl-borderRadius-50);
    border: none;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    height: 48px;
    margin: 5px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.GreenBtn-contentBlockItem.js-findAgenceForm .input-group .GreenBtn-contentBlockItemBtnPrimary {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin: 0
}

button.GreenBtn-callbackLaterFooterBtn {
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-50);
    border: none;
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    height: 42px;
    margin: 30px 5px 5px;
    padding: 11px var(--msl-spacing-500)
}

@media screen and (max-width: 989px) {
    .GreenBtn-headerTitle {
        text-align:left
    }

    .GreenBtn-contentBlockItem {
        padding: 35px 25px
    }

    .GreenBtn-contentBlockItem--noPad {
        padding: 0
    }

    .GreenBtn-back--noMarg {
        margin: 0
    }
}

@media screen and (max-width: 649px) {
    .GreenBtn-content {
        padding:var(--msl-spacing-500) 7%
    }

    .GreenBtn-contentInfoWrapper {
        display: block
    }

    .GreenBtn-contentBlockItemInput {
        width: 100%
    }
}

.centerElm {
    height: 100%!important
}

.cardMagFilter {
    background: #accdc8;
    text-align: center
}

.cardMagFilter-main {
    height: 100%;
    padding: 6.7%;
    background: inherit
}

.cardMagFilter-title {
    font-size: 60px;
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.01;
    text-transform: uppercase
}

.cardMagFilter-subtitle {
    margin-top: 4.5%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.cardMagFilter-action {
    display: block;
    max-width: 285px;
    margin: 20px auto;
    padding: 15px 20px;
    color: var(--msl-artwork-grey-900);
    font-weight: var(--msl-fontWeight-600)
}

.cardMagFilter-item--disabled {
    opacity: .4;
    cursor: not-allowed
}

@media (min-width: 990px) {
    .cardMagFilter-main {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .cardMagFilter-actions,.cardMagFilter-filtersHeader {
        display: none
    }

    .cardMagFilter-header {
        min-height: 35%;
        padding: 0 6%
    }

    .cardMagFilter-filtersTab {
        padding: 5% 6%
    }

    .cardMagFilter-listIntro {
        margin-bottom: 10px
    }

    .cardMagFilter-list {
        margin: 0 -4px
    }

    .cardMagFilter-item {
        display: inline-block;
        margin: 0 4px;
        color: var(--msl-artwork-grey-900);
        text-decoration: underline
    }

    .cardMagFilter-item--active {
        font-weight: var(--msl-fontWeight-700);
        text-decoration: none
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-list {
        margin-top: -5px;
        margin-bottom: -5px
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-item {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 9px 15px;
        background: var(--msl-artwork-grey-0);
        border-radius: 50px;
        text-decoration: none;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-item:focus,.cardMagFilter-filtersTab--themes .cardMagFilter-item:hover {
        text-decoration: underline
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-item--active {
        color: var(--msl-artwork-grey-0);
        background: var(--msl-artwork-grey-900);
        font-weight: var(--msl-fontWeight-600)
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:after {
        font-family: "NPC Icons crunchy R2503"!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: var(--msl-fontWeight-400)!important;
        text-decoration: none;
        text-transform: none;
        font-display: block;
        line-height: 1;
        content: "";
        margin: -3px 0 -3px 10px;
        font-size: var(--msl-fontSize-11)
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:focus,.cardMagFilter-filtersTab--themes .cardMagFilter-item--active:hover {
        text-decoration: none;
        background: #308276
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-item--active:focus:after,.cardMagFilter-filtersTab--themes .cardMagFilter-item--active:hover:after {
        text-decoration: underline
    }

    .cardMagFilter-filtersTab--themes .cardMagFilter-item--disabled:focus,.cardMagFilter-filtersTab--themes .cardMagFilter-item--disabled:hover {
        text-decoration: none
    }

    .cardMagFilter-filtersTab--categories {
        background: #83b4ad
    }

    .cardMagFilter--sticky {
        text-align: left
    }

    .cardMagFilter--sticky .cardMagFilter-main {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        z-index: 9999;
        height: auto;
        padding: 23px 3.5%
    }

    .cardMagFilter--sticky .cardMagFilter-header {
        display: none
    }

    .cardMagFilter--sticky .cardMagFilter-filtersTab {
        margin-top: 15px
    }

    .cardMagFilter--sticky .cardMagFilter-filtersTab:first-child {
        margin-top: 0
    }

    .cardMagFilter--sticky .cardMagFilter-list,.cardMagFilter--sticky .cardMagFilter-listIntro {
        display: inline-block
    }

    .cardMagFilter--sticky .cardMagFilter-filtersTab {
        padding: 0;
        background: 0 0
    }
}

@media (max-width: 989px) {
    .cardMagFilter {
        height:auto!important
    }

    .cardMagFilter-filters {
        display: none;
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        overflow: auto;
        background: var(--msl-artwork-grey-50)
    }

    .cardMagFilter-filtersHeader {
        background: var(--msl-artwork-grey-0)
    }

    .cardMagFilter-filtersHeader:after,.cardMagFilter-filtersHeader:before {
        content: '';
        display: table
    }

    .cardMagFilter-filtersTitle {
        margin: 25px;
        padding: 0 20px;
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }

    .cardMagFilter-filtersClose {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 5px;
        font-size: 0;
        line-height: 1;
        text-decoration: none;
        color: var(--msl-artwork-grey-900)
    }

    .cardMagFilter-filtersClose:before {
        font-family: "NPC Icons crunchy R2503"!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: var(--msl-fontWeight-400)!important;
        text-decoration: none;
        text-transform: none;
        font-display: block;
        line-height: 1;
        content: "";
        font-size: var(--msl-fontSize-14)
    }

    .cardMagFilter-filtersClose:focus,.cardMagFilter-filtersClose:hover {
        text-decoration: none
    }

    .cardMagFilter-filtersNavTabs {
        font-size: 0;
        padding: 0;
        margin: 35px 25px
    }

    .cardMagFilter-filtersNavTab {
        display: inline-block;
        width: 50%;
        font-size: var(--msl-fontSize-16);
        vertical-align: middle
    }

    .cardMagFilter-filtersNavTab:first-child .cardMagFilter-filtersNavTabLink {
        border-top-left-radius: var(--msl-borderRadius-100);
        border-bottom-left-radius: var(--msl-borderRadius-100)
    }

    .cardMagFilter-filtersNavTab:last-child .cardMagFilter-filtersNavTabLink {
        border-top-right-radius: var(--msl-borderRadius-100);
        border-bottom-right-radius: var(--msl-borderRadius-100)
    }

    .cardMagFilter-filtersNavTabLink {
        display: block;
        padding: 15px 20px;
        margin: 0 -1px;
        border: 1px solid var(--msl-brand-primary);
        text-decoration: none
    }

    .cardMagFilter-filtersNavTabLink:focus,.cardMagFilter-filtersNavTabLink:hover {
        text-decoration: none
    }

    .cardMagFilter-filtersNavTab--active .cardMagFilter-filtersNavTabLink {
        padding-top: 20px;
        padding-bottom: 20px;
        color: var(--msl-artwork-grey-0);
        background: var(--msl-brand-primary)
    }

    .cardMagFilter-filtersTab {
        display: none
    }

    .cardMagFilter-filtersTab--active {
        display: block
    }

    .cardMagFilter-listIntro {
        display: none
    }

    .cardMagFilter-item {
        display: block;
        position: relative;
        padding: 15px 50px 15px 25px;
        text-align: left;
        color: var(--msl-artwork-grey-900);
        background: var(--msl-artwork-grey-50);
        text-decoration: none
    }

    .cardMagFilter-item span {
        display: none
    }

    .cardMagFilter-item:after,.cardMagFilter-item:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 30px;
        width: 1em;
        height: 1em;
        margin: -.5em
    }

    .cardMagFilter-item:before {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        border: 1px solid var(--msl-artwork-grey-100);
        background: var(--msl-artwork-grey-0);
        border-radius: var(--msl-borderRadius-100)
    }

    .cardMagFilter-item:after {
        font-size: 5px;
        border-radius: 1px;
        background: var(--msl-brand-primary);
        opacity: 0;
        visibility: hidden
    }

    .cardMagFilter-item--active {
        color: var(--msl-brand-primary)
    }

    .cardMagFilter-item--active:after {
        opacity: 1;
        visibility: visible
    }

    .cardMagFilter-item--disabled {
        opacity: 1;
        color: #a3a6ab;
        background: #fbfcfd
    }

    .cardMagFilter-item--disabled:after,.cardMagFilter-item--disabled:before {
        opacity: .4
    }

    .cardMagFilter-item--disabled:focus,.cardMagFilter-item--disabled:hover {
        color: #accdc8
    }

    .cardMagFilter--open .cardMagFilter-filters {
        display: block
    }
}

@media (max-width: 649px) {
    .cardMagFilter-main {
        padding-left:5%;
        padding-right: 5%
    }

    .cardMagFilter-title {
        font-size: var(--msl-fontSize-40);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (max-width: 649px) and (max-width:989px) {
    .cardMagFilter-title {
        font-size:var(--msl-fontSize-34)
    }
}

@media (max-width: 649px) {
    .cardMagFilter-subtitle {
        max-width:300px;
        margin-left: auto;
        margin-right: auto
    }

    .cardMagFilter-subtitle br {
        display: none
    }
}

.cardMagArticle {
    position: relative;
    display: table;
    width: 100%;
    background: var(--msl-artwork-grey-50) no-repeat 50% 50%;
    background-size: cover;
    color: var(--msl-artwork-grey-0);
    line-height: 1.2;
    text-decoration: none
}

.cardMagArticle:focus,.cardMagArticle:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.LayerNav-articles .cardMagArticle:focus.cardMagArticle--imageLight,.LayerNav-articles .cardMagArticle:focus.cardMagArticle--white,.LayerNav-articles .cardMagArticle:hover.cardMagArticle--imageLight,.LayerNav-articles .cardMagArticle:hover.cardMagArticle--white {
    color: var(--msl-artwork-grey-900);
    background-color: var(--msl-artwork-grey-0)
}

.cardMagArticle-main {
    -webkit-transition: opacity .5s,visibility .3s;
    transition: opacity .5s,visibility .3s
}

.cardMagArticle-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 4%
}

.cardMagArticle-heading {
    margin-bottom: 20px;
    text-transform: uppercase
}

.cardMagArticle-footer {
    margin-top: 20px
}

.cardMagArticle-date,.cardMagArticle-title {
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.cardMagArticle-date {
    font-weight: var(--msl-fontWeight-700)
}

.cardMagArticle-title {
    margin: 5px 0
}

.cardMagArticle-hashtag {
    display: inline-block;
    margin: 3px 5px
}

.cardMagArticle-iconWrapper {
    margin: 10px 0 0
}

.cardMagArticle-icon:before {
    font-size: 50px;
    opacity: .8
}

.cardMagArticle-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.667em;
    line-height: 1.25;
    font-weight: var(--msl-fontWeight-400);
    text-align: left;
    background: rgba(0,116,97,.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s,visibility .3s;
    transition: opacity .5s,visibility .3s
}

.cardMagArticle-layerInner {
    padding: 20px 12%
}

.cardMagArticle-layerTitle {
    font-weight: var(--msl-fontWeight-600);
    margin-bottom: 1.25em
}

.cardMagArticle-layerTitle:before {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

a.cardMagArticle-layerTitle {
    color: inherit;
    display: inline-block
}

.cardMagArticle-layerContent {
    margin-bottom: 1.25em
}

.cardMagArticle-layerContent p {
    margin: 0
}

.cardMagArticle-layerContent:last-child {
    margin-bottom: 0
}

.cardMagArticle--image,.cardMagArticle--primary {
    background-color: var(--msl-brand-primary)
}

.cardMagArticle--image .cardMagArticle-layer,.cardMagArticle--primary .cardMagArticle-layer {
    color: var(--msl-artwork-grey-0)
}

.cardMagArticle--imageLight .cardMagArticle-layer {
    color: var(--msl-artwork-grey-0)
}

.cardMagArticle--secondary .cardMagArticle-layer,.cardMagArticle--secondary .cardMagArticle-main,.cardMagArticle--secondary .cardMagArticle-title,.cardMagArticle--white .cardMagArticle-layer,.cardMagArticle--white .cardMagArticle-main,.cardMagArticle--white .cardMagArticle-title {
    color: var(--msl-artwork-grey-900)!important
}

.cardMagArticle--secondary .cardMagArticle-layerButton,.cardMagArticle--white .cardMagArticle-layerButton {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border-width: 1px;
    border-color: var(--msl-brand-primary)
}

.cardMagArticle--secondary .cardMagArticle-layerButton.focus,.cardMagArticle--secondary .cardMagArticle-layerButton.hover,.cardMagArticle--secondary .cardMagArticle-layerButton:focus,.cardMagArticle--secondary .cardMagArticle-layerButton:hover,.cardMagArticle--white .cardMagArticle-layerButton.focus,.cardMagArticle--white .cardMagArticle-layerButton.hover,.cardMagArticle--white .cardMagArticle-layerButton:focus,.cardMagArticle--white .cardMagArticle-layerButton:hover {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-400)
}

.cardMagArticle--secondary .cardMagArticle-layerButton.active,.cardMagArticle--secondary .cardMagArticle-layerButton:active,.cardMagArticle--white .cardMagArticle-layerButton.active,.cardMagArticle--white .cardMagArticle-layerButton:active {
    background-color: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-500)
}

.cardMagArticle--secondary .cardMagArticle-layerButton.disabled,.cardMagArticle--secondary .cardMagArticle-layerButton.disabled.active,.cardMagArticle--secondary .cardMagArticle-layerButton.disabled.focus,.cardMagArticle--secondary .cardMagArticle-layerButton.disabled.hover,.cardMagArticle--secondary .cardMagArticle-layerButton.disabled:active,.cardMagArticle--secondary .cardMagArticle-layerButton.disabled:focus,.cardMagArticle--secondary .cardMagArticle-layerButton.disabled:hover,.cardMagArticle--secondary .cardMagArticle-layerButton[disabled],.cardMagArticle--secondary .cardMagArticle-layerButton[disabled].active,.cardMagArticle--secondary .cardMagArticle-layerButton[disabled].focus,.cardMagArticle--secondary .cardMagArticle-layerButton[disabled].hover,.cardMagArticle--secondary .cardMagArticle-layerButton[disabled]:active,.cardMagArticle--secondary .cardMagArticle-layerButton[disabled]:focus,.cardMagArticle--secondary .cardMagArticle-layerButton[disabled]:hover,.cardMagArticle--white .cardMagArticle-layerButton.disabled,.cardMagArticle--white .cardMagArticle-layerButton.disabled.active,.cardMagArticle--white .cardMagArticle-layerButton.disabled.focus,.cardMagArticle--white .cardMagArticle-layerButton.disabled.hover,.cardMagArticle--white .cardMagArticle-layerButton.disabled:active,.cardMagArticle--white .cardMagArticle-layerButton.disabled:focus,.cardMagArticle--white .cardMagArticle-layerButton.disabled:hover,.cardMagArticle--white .cardMagArticle-layerButton[disabled],.cardMagArticle--white .cardMagArticle-layerButton[disabled].active,.cardMagArticle--white .cardMagArticle-layerButton[disabled].focus,.cardMagArticle--white .cardMagArticle-layerButton[disabled].hover,.cardMagArticle--white .cardMagArticle-layerButton[disabled]:active,.cardMagArticle--white .cardMagArticle-layerButton[disabled]:focus,.cardMagArticle--white .cardMagArticle-layerButton[disabled]:hover,fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton,fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton.active,fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton.focus,fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton.hover,fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton:active,fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton:focus,fieldset[disabled] .cardMagArticle--secondary .cardMagArticle-layerButton:hover,fieldset[disabled] .cardMagArticle--white .cardMagArticle-layerButton,fieldset[disabled] .cardMagArticle--white .cardMagArticle-layerButton.active,fieldset[disabled] .cardMagArticle--white .cardMagArticle-layerButton.focus,fieldset[disabled] .cardMagArticle--white .cardMagArticle-layerButton.hover,fieldset[disabled] .cardMagArticle--white .cardMagArticle-layerButton:active,fieldset[disabled] .cardMagArticle--white .cardMagArticle-layerButton:focus,fieldset[disabled] .cardMagArticle--white .cardMagArticle-layerButton:hover {
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100);
    color: rgba(102,110,138,.3);
    cursor: not-allowed
}

.cardMagArticle--primary .cardMagArticle-layer {
    background-color: #1e9380
}

.cardMagArticle--secondary {
    background-color: var(--msl-brand-secondary-400)
}

.cardMagArticle--secondary .cardMagArticle-layer {
    background-color: #abbebc
}

.cardMagArticle--imageLight,.cardMagArticle--white {
    color: var(--msl-artwork-grey-900);
    background-color: var(--msl-artwork-grey-0)
}

.cardMagArticle--imageLight .cardMagArticle-date,.cardMagArticle--imageLight .cardMagArticle-title,.cardMagArticle--white .cardMagArticle-date,.cardMagArticle--white .cardMagArticle-title {
    color: var(--msl-artwork-grey-900)
}

.cardMagArticle--imageLight .cardMagArticle-icon,.cardMagArticle--white .cardMagArticle-icon {
    color: var(--msl-artwork-grey-100)
}

.cardMagArticle--white:focus,.cardMagArticle--white:hover {
    color: var(--msl-artwork-grey-900)
}

.cardMagArticle--white .cardMagArticle-layer {
    background-color: var(--msl-artwork-grey-50)
}

.cardMagArticle--article .cardMagArticle-icon:before {
    content: ""
}

.cardMagArticle--folder .cardMagArticle-icon:before {
    content: ""
}

.cardMagArticle--video .cardMagArticle-icon:before {
    content: ""
}

.cardMagArticle--event .cardMagArticle-icon:before {
    content: ""
}

.cardMagArticle--infographics .cardMagArticle-icon:before {
    content: ""
}

@media (max-width: 649px) {
    .cardMagArticle-layer {
        display:none
    }
}

@media (min-width: 650px) {
    .cardMagArticle:hover .cardMagArticle-layer {
        opacity:1;
        visibility: visible;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cardMagArticle:hover .cardMagArticle-main {
        opacity: 0;
        visibility: hidden;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .LayerNav-articles .cardMagArticle:hover .cardMagArticle-layer {
        opacity: 0;
        visibility: visible
    }

    .LayerNav-articles .cardMagArticle:hover .cardMagArticle-layer .cardMagArticle-main {
        opacity: 1;
        visibility: visible
    }

    .LayerNav-articles .cardMagArticle:hover .cardMagArticle-main {
        opacity: 1;
        visibility: visible
    }

    .cardMagArticle-heading {
        position: absolute;
        top: 20px;
        left: 40px;
        right: 40px
    }

    .cardMagArticle-footer {
        position: absolute;
        bottom: 20px;
        left: 40px;
        right: 40px
    }

    .cardMagArticle-inner {
        padding: 40px 20px 110px
    }

    .magHome-gridItem--square .cardMagArticle-date {
        font-size: 3.333em
    }

    .magHome-gridItem--square .cardMagArticle-title {
        font-size: 3.333em;
        font-weight: var(--msl-fontWeight-600)
    }

    .magHome-gridItem--square .cardMagArticle-layerInner {
        padding-left: 15%;
        padding-right: 15%
    }

    .magHome-gridItem--landscape .cardMagArticle-layerInner {
        padding-left: 9%;
        padding-right: 9%
    }

    .magHome-gridItem--portrait .cardMagArticle-heading,.magHome-gridItem--square .cardMagArticle-heading {
        top: 95px
    }

    .magHome-gridItem--portrait .cardMagArticle-footer,.magHome-gridItem--square .cardMagArticle-footer {
        bottom: 37px
    }

    .magHome-gridItem--portrait .cardMagArticle-inner,.magHome-gridItem--square .cardMagArticle-inner {
        padding-top: 120px;
        padding-bottom: 175px
    }

    .magHome-gridItem--portrait .cardMagArticle-illustrationWrapper,.magHome-gridItem--square .cardMagArticle-illustrationWrapper {
        margin-bottom: 20px
    }

    .magHome-gridItem--portrait .cardMagArticle-hashtags,.magHome-gridItem--square .cardMagArticle-hashtags {
        height: 60px
    }
}

.cardMagSocial {
    display: table;
    position: relative;
    width: 100%;
    color: var(--msl-artwork-grey-0);
    text-align: center
}

.cardMagSocial a {
    color: inherit;
    text-decoration: none
}

.cardMagSocial a:focus,.cardMagSocial a:hover {
    color: inherit;
    text-decoration: underline
}

a.cardMagSocial {
    text-decoration: none
}

a.cardMagSocial:focus,a.cardMagSocial:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

a.cardMagSocial:focus .cardMagSocial-btn,a.cardMagSocial:hover .cardMagSocial-btn {
    text-decoration: underline
}

.cardMagSocial-inner {
    display: table-cell;
    padding: 85px 6% 80px;
    vertical-align: middle
}

.cardMagSocial-title {
    margin: 0;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.cardMagSocial-pictoWrapper {
    position: absolute;
    top: 40px;
    left: 25px;
    right: 25px
}

.cardMagSocial-btn {
    position: absolute;
    bottom: 40px;
    left: 25px;
    right: 25px
}

.cardMagSocial--facebook {
    background-color: #335087
}

.cardMagSocial--facebook span.cardMagSocial-picto:before {
    content: "";
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.cardMagSocial--twitter {
    background-color: #000
}

.cardMagSocial--twitter span.cardMagSocial-picto:before {
    content: "";
    font-size: var(--msl-fontSize-28)
}

.cardMagSocial--youtube {
    background-color: #dd0a1c
}

.cardMagSocial--youtube span.cardMagSocial-picto:before {
    content: "";
    font-size: var(--msl-fontSize-34)
}

.cardMagSocial--linkedin {
    background-color: #007bb5
}

.cardMagSocial--linkedin span.cardMagSocial-picto:before {
    content: "";
    font-size: var(--msl-fontSize-24)
}

.cardMagSocial--instagram {
    background-color: #e95950
}

.cardMagSocial--instagram span.cardMagSocial-picto:before {
    content: "";
    font-size: var(--msl-fontSize-24)
}

.cardMagSocial--periscope {
    background-color: #23a4c4
}

.cardMagSocial--gray {
    background-color: var(--msl-artwork-grey-100)
}

@media (min-width: 990px) {
    .cardMagSocial-inner {
        padding-top:65px;
        padding-bottom: 60px
    }
}

.ArticleDetail {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover
}

.ArticleDetail-container {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 5%
}

.ArticleDetail-content {
    position: relative;
    width: 100%;
    padding: 30px 7% 25px;
    background-color: var(--msl-artwork-grey-0)
}

.ArticleDetail-breadcrumb {
    display: none;
    margin-bottom: 7px
}

.ArticleDetail-breadcrumb .Breadcrumb {
    margin: 0
}

.ArticleDetail-goBackMag {
    display: block;
    position: relative;
    padding: 22px 5% 22px 10%;
    padding: 22px 5% 22px -webkit-calc(5% + 25px);
    padding: 22px 5% 22px calc(5% + 25px);
    margin-top: 10px;
    color: inherit;
    text-decoration: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    text-transform: uppercase;
    background-color: var(--msl-artwork-grey-0)
}

.ArticleDetail-goBackMag:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5%;
    margin: -.6em 0;
    font-size: var(--msl-fontSize-14)
}

.ArticleDetail-goBackMag:focus,.ArticleDetail-goBackMag:hover {
    text-decoration: none
}

.ArticleDetail-goBackMag p {
    margin: 0
}

.ArticleDetail-blocTitle {
    padding-right: 50px
}

.ArticleDetail-Title {
    margin: 0 0 5px;
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.ArticleDetail-iconFolder {
    position: absolute;
    width: 40px;
    top: 30px;
    right: 7%
}

.ArticleDetail-iconFolderLink {
    display: block;
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: rgba(48,130,118,.7);
    text-decoration: none
}

@media (max-width: 989px) {
    .ArticleDetail-iconFolderLink {
        font-size:var(--msl-fontSize-34)
    }
}

.ArticleDetail-iconFolderLink:focus,.ArticleDetail-iconFolderLink:hover {
    color: var(--msl-brand-secondary-400);
    text-decoration: none
}

.ArticleDetail--icon {
    display: block
}

.ArticleDetail-date {
    margin-bottom: 13px
}

.ArticleDetail-dateText {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.ArticleDetail-section {
    float: left;
    width: 100%
}

.ArticleDetail-sociaux .Share {
    margin: 0
}

.ArticleDetail-sectionRubrique {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.ArticleDetail-sectionRubriqueLink {
    color: var(--msl-brand-primary)
}

.ArticleDetail-sectionRubriqueLink:hover {
    text-decoration: none;
    color: #308276
}

.ArticleDetail-readArticleChapter {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 1px;
    padding: 15px 5%;
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase;
    background-color: var(--msl-artwork-grey-0)
}

.ArticleDetail-readArticleChapter,.ArticleDetail-readArticleChapter:focus,.ArticleDetail-readArticleChapter:hover {
    text-decoration: none
}

.ArticleDetail-readArticleChapter-progress {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(48,130,118,.4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: width .3s;
    transition: width .3s
}

.ArticleDetail-readArticleChapter-text {
    position: relative
}

@media screen and (max-width: 989px) {
    .ArticleDetail {
        height:0;
        padding-top: 50%
    }

    .ArticleDetail-container {
        position: static;
        right: 0;
        bottom: 0
    }

    .ArticleDetail-content {
        padding-bottom: 0
    }

    .ArticleDetail-breadcrumb {
        display: block
    }

    .ArticleDetail-goBackMag {
        display: none
    }

    .ArticleDetail-blocTitle {
        padding-right: 0
    }

    .ArticleDetail-iconFolder {
        display: none
    }

    .ArticleDetail-readArticleChapter {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .ArticleDetail--displayHidden {
        display: none
    }
}

@media (min-width: 650px) and (max-width:1169px) {
    .ArticleDetail-section {
        width:auto;
        margin-right: 20px
    }

    .ArticleDetail-sociaux .Share {
        float: left;
        clear: left
    }
}

@media (min-width: 990px) {
    .ArticleDetail-sociaux {
        clear:both;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .ArticleDetail-sociaux .Share {
        margin-left: 5px;
        padding: 0;
        white-space: nowrap
    }

    .ArticleDetail-readArticleChapter-progress {
        display: block
    }
}

.ArticleBloc {
    padding: 0 5%;
    background-color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400)
}

.ArticleBloc .C112 {
    width: auto;
    margin: 0;
    padding: 0
}

.ArticleBloc .C112 h2 {
    margin-top: 10px;
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .ArticleBloc .C112 h2 {
        font-size:var(--msl-fontSize-34)
    }
}

@media (max-width: 649px) {
    .ArticleBloc .C112 h2 {
        font-size:var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

.ArticleBloc .CheckList-viewport {
    padding: 0;
    margin: 0
}

.ArticleBloc .CheckList-step {
    min-height: 0
}

.ArticleBloc--ihmlContainer {
    padding: 0
}

.ArticleBloc--ihmlContainer iframe.visible-element {
    width: 100%;
    height: 75rem;
    overflow: hidden;
    border: 0
}

.ArticleBloc-category {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.ArticleBloc-category+.ArticleBloc-title {
    margin-top: 10px
}

@media (max-width: 649px) {
    .ArticleBloc-category {
        margin-top:20px
    }
}

.ArticleBloc-title {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-900)
}

@media (max-width: 649px) {
    .ArticleBloc-title {
        font-size:var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

.ArticleBloc-title--creditConso {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.ArticleBloc-intro {
    display: block;
    overflow: hidden;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.ArticleBloc-primaryGray01 {
    background-color: var(--msl-artwork-grey-50);
    margin: var(--msl-spacing-500) -5.55556%;
    padding: 20px 5.55556% var(--msl-spacing-500)
}

.ArticleBloc-primaryGray01:first-child {
    margin-top: 0
}

.ArticleBloc-primaryGray01:last-child {
    margin-bottom: 0
}

.ArticleBloc-primaryGray01 p {
    font-weight: var(--msl-fontWeight-600)
}

.ArticleBloc .parsys-corps-article.parsys .ArticleBloc-primaryGray01 {
    margin-bottom: var(--msl-spacing-500);
    margin-top: var(--msl-spacing-500)
}

.ArticleBloc-quote {
    position: relative;
    padding: 50px 15%;
    margin: var(--msl-spacing-500) -5.55556%;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-700);
    background-color: var(--msl-artwork-grey-50);
    border: 0
}

.ArticleBloc-quote p {
    font-weight: var(--msl-fontWeight-700);
    margin: 0 0 20px
}

.ArticleBloc-quote:after,.ArticleBloc-quote:before {
    position: absolute;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary,var(--msl-brand-secondary-400));
    line-height: 1em;
    width: 1em
}

.ArticleBloc-quote:before {
    content: "";
    top: 20px;
    left: 5%
}

.ArticleBloc-quote:after {
    content: "";
    right: 5%;
    bottom: 20px
}

.ArticleBloc img,.ArticleBloc-image {
    display: block;
    max-width: 100%;
    margin: 20px auto
}

.Themes {
    padding: 10px 5% 30px;
    font-family: var(--msl-fontFamily-body);
    margin-bottom: 5%
}

.Themes-title {
    color: var(--msl-artwork-grey-1000);
    padding: 20px 0;
    margin: 0
}

.Themes-tag {
    display: inline-block;
    color: var(--msl-artwork-grey-1000);
    font-weight: var(--msl-fontWeight-400);
    padding: 20px;
    margin: 5px;
    background-color: var(--msl-artwork-grey-50);
    text-decoration: none;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px 31px 31px 31px;
    border: 0 solid var(--msl-artwork-grey-1000)
}

.Themes-tag:hover {
    text-decoration: none;
    color: var(--msl-text-primary-hover)
}

.Themes-tag:active {
    text-decoration: none;
    color: var(--msl-text-primary-pressed)
}

.Themes-tag:visited {
    text-decoration: none
}

.AssociatedSolutions {
    padding: 5%;
    background-color: var(--msl-brand-primary)
}

.AssociatedSolutions .BlockLink {
    margin: 10px 0
}

.AssociatedSolutions-title {
    width: 100%;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    text-align: left;
    margin-bottom: 20px;
    color: var(--msl-artwork-grey-0)
}

.VignettesCategorie--default {
    background: var(--msl-artwork-grey-50)
}

.VignettesCategorie--default .BlockLink {
    background: var(--msl-artwork-grey-0)
}

.VignettesCategorie--default .BlockLink:focus,.VignettesCategorie--default .BlockLink:hover {
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.VignettesCategorie--alternate {
    background: var(--msl-brand-primary)
}

.VignettesCategorie--alternate .BlockLink {
    background: var(--msl-artwork-grey-0)
}

.VignettesCategorie--alternate .BlockLink:focus,.VignettesCategorie--alternate .BlockLink:hover {
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.VignettesCategorie--white {
    background: var(--msl-artwork-grey-0)
}

.VignettesCategorie--white .BlockLink {
    background: var(--msl-artwork-grey-50)
}

.VignettesCategorie--white .BlockLink:focus,.VignettesCategorie--white .BlockLink:hover {
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.VignettesCategorie--padding {
    padding: 10px 12%
}

.Share {
    text-align: center;
    margin: 20px 5% 0;
    padding: 30px 0
}

.Share-text {
    display: block;
    margin-bottom: 10px
}

.Share-logo {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin: var(--msl-spacing-50) 3px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    line-height: 27px;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.Share-logo:focus,.Share-logo:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.Share-logo--twitter {
    background-color: #000
}

.Share-logo--twitter:before {
    content: ""
}

.Share-logo--facebook {
    background-color: #335087
}

.Share-logo--facebook:before {
    content: ""
}

.Share-logo--linkedin {
    background-color: #007bb5
}

.Share-logo--linkedin:before {
    content: ""
}

.Share-logo--google {
    background-color: #d9463a
}

.Share-logo--google:before {
    content: ""
}

.Share-logo--rss {
    background-color: #ed7813
}

.Share-logo--rss:before {
    content: ""
}

.Share-logo--mail {
    background-color: var(--msl-brand-primary)
}

.Share-logo--mail:before {
    content: ""
}

.Share-logo--disabled {
    cursor: not-allowed;
    background-color: var(--msl-artwork-grey-100)
}

.Share-logo--gray {
    background-color: var(--msl-artwork-grey-100)
}

@media (min-width: 650px) {
    .Share-text--inline {
        display:inline-block;
        margin-right: 5px;
        margin-bottom: 0
    }
}

.MarketPartner {
    width: 100%;
    height: 350px;
    min-height: 50px;
    margin: 0 auto 20px;
    text-align: center;
    color: var(--msl-artwork-grey-900);
    background-color: var(--msl-artwork-grey-50);
    font-family: var(--msl-fontFamily-body);
    overflow: hidden
}

.MarketPartner-link {
    display: block;
    position: relative;
    color: inherit;
    min-height: 100%;
    text-decoration: none;
    padding-bottom: 40px;
    overflow: hidden
}

.MarketPartner-link:after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 10%;
    font-size: 1.5em
}

.MarketPartner-link:hover {
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.MarketPartner-link:hover .h1,.MarketPartner-link:hover .h2,.MarketPartner-link:hover .h3,.MarketPartner-link:hover .h4,.MarketPartner-link:hover .h5,.MarketPartner-link:hover .h6,.MarketPartner-link:hover h1,.MarketPartner-link:hover h2,.MarketPartner-link:hover h3,.MarketPartner-link:hover h4,.MarketPartner-link:hover h5,.MarketPartner-link:hover h6 {
    color: var(--msl-artwork-grey-0)
}

.MarketPartner-link:active,.MarketPartner-link:focus,.MarketPartner-link:hover,.MarketPartner-link:visited {
    text-decoration: none
}

.MarketPartner-bloc {
    width: 80%;
    margin: 20px 10% 0;
    min-height: 140px
}

.MarketPartner-bloc .h1,.MarketPartner-bloc h1 {
    font-size: var(--msl-fontSize-28)
}

.MarketPartner-bloc .h1,.MarketPartner-bloc .h2,.MarketPartner-bloc .h3,.MarketPartner-bloc .h4,.MarketPartner-bloc .h5,.MarketPartner-bloc .h6,.MarketPartner-bloc h1,.MarketPartner-bloc h2,.MarketPartner-bloc h3,.MarketPartner-bloc h4,.MarketPartner-bloc h5,.MarketPartner-bloc h6 {
    height: 46px;
    line-height: 1;
    color: var(--msl-brand-primary);
    margin: 35px 0 30px;
    text-overflow: ellipsis
}

.MarketPartner-bloc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 85px
}

.MarketPartner-imageWrapper {
    height: 90px;
    overflow: hidden
}

.MarketPartner-image {
    margin-top: 30px;
    max-width: 170px;
    max-height: 89px
}

.MarketPartner-image:first-child {
    margin-top: 0
}

.C174 {
    width: 100%;
    padding: 20px 0 30px;
    font-family: var(--msl-fontFamily-body);
    text-align: center
}

.C174-bouton {
    padding: .8em 1.5em;
    border-radius: var(--msl-borderRadius-50);
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-primary);
    border-color: transparent;
    font-size: var(--msl-fontSize-18);
    text-transform: uppercase
}

.C174-bouton:hover {
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-500)
}

@media all and (max-width: 480px) {
    .C174-bouton {
        font-size:3vw
    }
}

.GenericBtn-block {
    margin: 0 5% 20px;
    width: 90%;
    padding: 20px
}

.GenericBtn-block--full {
    margin: 0;
    width: 100%;
    padding: 20px 0
}

.GenericBtn-block--primary {
    background-color: var(--msl-brand-primary)!important
}

.GenericBtn-block--primary .GenericBtn-btnSecondary {
    max-width: 100%;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.GenericBtn-block--primary .SubscribeBtn-btnSecondary {
    max-width: 100%;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.GenericBtn-block--white {
    background-color: var(--msl-artwork-grey-0)!important
}

.GenericBtn-block--gray {
    background-color: var(--msl-artwork-grey-50)!important
}

.GenericBtn-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -5px
}

.GenericBtn-btns>* {
    margin: 5px;
    max-width: 200px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.GenericBtn-btns.GenericBtn-btns--ModalSessionEndWarning .Modal-action {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    margin: 0;
    width: 100%
}

.GenericBtn,.SubscribeBtn {
    max-width: 100%
}

.GenericBtn-btns--half .GenericBtn,.GenericBtn-btns--half .SubscribeBtn,.SubscribeBtn-btns--half .GenericBtn,.SubscribeBtn-btns--half .SubscribeBtn {
    width: 50%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.GenericBtn-btns--half .GenericBtn-btn,.GenericBtn-btns--half .GenericBtn-btnSecondary,.GenericBtn-btns--half .GenericBtn-btnWhite,.GenericBtn-btns--half .SubscribeBtn-btn,.GenericBtn-btns--half .SubscribeBtn-btnSecondary,.GenericBtn-btns--half .SubscribeBtn-btnWhite,.SubscribeBtn-btns--half .GenericBtn-btn,.SubscribeBtn-btns--half .GenericBtn-btnSecondary,.SubscribeBtn-btns--half .GenericBtn-btnWhite,.SubscribeBtn-btns--half .SubscribeBtn-btn,.SubscribeBtn-btns--half .SubscribeBtn-btnSecondary,.SubscribeBtn-btns--half .SubscribeBtn-btnWhite {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.GenericBtn-btns--half .GenericBtn--left,.GenericBtn-btns--half .SubscribeBtn--left,.SubscribeBtn-btns--half .GenericBtn--left,.SubscribeBtn-btns--half .SubscribeBtn--left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.GenericBtn-btns--half .GenericBtn--right,.GenericBtn-btns--half .SubscribeBtn--right,.SubscribeBtn-btns--half .GenericBtn--right,.SubscribeBtn-btns--half .SubscribeBtn--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.GenericBtn-btns--halfAem .parsys,.SubscribeBtn-btns--halfAem .parsys {
    width: 50%;
    max-width: inherit
}

.GenericBtn-btns--halfAem .section,.SubscribeBtn-btns--halfAem .section {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.GenericBtn-btns--halfAem .GenericBtn,.GenericBtn-btns--halfAem .SubscribeBtn,.SubscribeBtn-btns--halfAem .GenericBtn,.SubscribeBtn-btns--halfAem .SubscribeBtn {
    width: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.GenericBtn-btns--halfAem .GenericBtn-btn,.GenericBtn-btns--halfAem .GenericBtn-btnSecondary,.GenericBtn-btns--halfAem .GenericBtn-btnWhite,.GenericBtn-btns--halfAem .SubscribeBtn-btn,.GenericBtn-btns--halfAem .SubscribeBtn-btnSecondary,.GenericBtn-btns--halfAem .SubscribeBtn-btnWhite,.SubscribeBtn-btns--halfAem .GenericBtn-btn,.SubscribeBtn-btns--halfAem .GenericBtn-btnSecondary,.SubscribeBtn-btns--halfAem .GenericBtn-btnWhite,.SubscribeBtn-btns--halfAem .SubscribeBtn-btn,.SubscribeBtn-btns--halfAem .SubscribeBtn-btnSecondary,.SubscribeBtn-btns--halfAem .SubscribeBtn-btnWhite {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.GenericBtn-btns--halfAem .GenericBtn--left,.GenericBtn-btns--halfAem .SubscribeBtn--left,.SubscribeBtn-btns--halfAem .GenericBtn--left,.SubscribeBtn-btns--halfAem .SubscribeBtn--left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.GenericBtn-btns--halfAem .GenericBtn--right,.GenericBtn-btns--halfAem .SubscribeBtn--right,.SubscribeBtn-btns--halfAem .GenericBtn--right,.SubscribeBtn-btns--halfAem .SubscribeBtn--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.GenericBtn-btn,.GenericBtn-btnSecondary,.GenericBtn-btnWhite {
    max-width: 100%;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.GenericBtn-btn span,.GenericBtn-btnSecondary span,.GenericBtn-btnWhite span {
    max-width: 100%;
    white-space: normal
}

.GenericBtn-btnSecondary {
    background-color: transparent
}

.GenericBtn--full .GenericBtn-btn,.GenericBtn--full .GenericBtn-btnSecondary,.GenericBtn--full .GenericBtn-btnWhite {
    width: 100%
}

.GenericBtn--left {
    text-align: left
}

.GenericBtn--right {
    text-align: right
}

.GenericBtn--center {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 649px) {
    .GenericBtn,.GenericBtn-btn,.GenericBtn-btnSecondary,.GenericBtn-btnWhite,.SubscribeBtn,.SubscribeBtn-btn,.SubscribeBtn-btnSecondary,.SubscribeBtn-btnWhite {
        width:100%
    }

    .GenericBtn-btns,.SubscribeBtn-btns {
        width: 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0
    }

    .GenericBtn .GenericBtn-btns--half,.GenericBtn-btns--half,.SubscribeBtn .GenericBtn-btns--half,.SubscribeBtn-btns--half {
        width: 100%
    }

    .GenericBtn--halfAem .parsys,.SubscribeBtn--halfAem .parsys {
        width: 100%
    }
}

.HeaderAlternate {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    background-color: var(--msl-artwork-grey-50)
}

.HeaderAlternate--campaign {
    background-color: var(--msl-artwork-grey-0)
}

.HeaderAlternate-back,.HeaderAlternate-title {
    padding: 0 20px
}

.HeaderAlternate-logo {
    margin-right: auto
}

@media (min-width: 650px) {
    .HeaderAlternate-logo {
        max-width:236px
    }
}

.HeaderAlternate-logoImg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

@media (max-width: 649px) {
    .HeaderAlternate-logoImg {
        max-width:150px
    }
}

div.HeaderAlternate-logoImg {
    width: 100%;
    height: 100%
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    div.HeaderAlternate-logoImg>img {
        width: auto!important;
        height: auto!important;
        max-height: 40px!important
    }
}

.HeaderAlternate-logo--campaign {
    margin-right: auto
}

.HeaderAlternate-title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: right
}

@media (max-width: 649px) {
    .HeaderAlternate-title {
        display:none
    }
}

.HeaderAlternate-back {
    width: 125px
}

.HeaderAlternate-back.HeaderAlternate-back-tunnel {
    width: 60px;
    font-size: var(--msl-fontSize-24)
}

.HeaderAlternate-backText {
    display: inline-block;
    margin-right: 10px
}

.AssociatedProducts.productToflex>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width: 649px) {
    .AssociatedProducts.productToflex>div {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-200)
    }
}

.AssociatedProducts.productToflex .npc-msl-card {
    width: 340px;
    margin: 12px
}

@media screen and (max-width: 649px) {
    .AssociatedProducts.productToflex .npc-msl-card {
        width:-webkit-calc(100% - 2 * $spacing-300);
        width: calc(100% - 2 * $spacing-300);
        margin: var(--msl-spacing-00) var(--msl-spacing-300)
    }
}

.AssociatedProducts.productToflex .titreProduit {
    min-height: -webkit-calc(24px * 2);
    min-height: calc(24px * 2);
    margin: var(--msl-spacing-00) var(--msl-spacing-00) var(--msl-spacing-100)
}

.AssociatedProducts.productToflex .accrocheProduit {
    min-height: -webkit-calc(24px * 2);
    min-height: calc(24px * 2);
    margin: var(--msl-spacing-00) var(--msl-spacing-00) var(--msl-spacing-300)
}

.AssociatedProducts.productToflex .ghost.section.cq-Editable-dom {
    min-width: 364px
}

.AssociatedProducts {
    margin: 0 -1.5%;
    overflow: hidden
}

.AssociatedProducts .BlockLink {
    float: left;
    width: 30%;
    margin: 1.5%;
    padding-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.AssociatedProducts .BlockLink,.AssociatedProducts .BlockLink:hover {
    background: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-900)
}

.AssociatedProducts .BlockLink .BlockLink-desc,.AssociatedProducts .BlockLink .BlockLink-title,.AssociatedProducts .BlockLink:hover .BlockLink-desc,.AssociatedProducts .BlockLink:hover .BlockLink-title {
    margin-bottom: 10px;
    color: var(--msl-artwork-grey-900)
}

.AssociatedProducts .BlockLink .btn {
    font-weight: var(--msl-fontWeight-700)
}

.AssociatedProducts .BlockLink .btn:last-child {
    margin: 0
}

@media screen and (max-width: 989px) {
    .AssociatedProducts .BlockLink {
        width:47%
    }
}

@media screen and (max-width: 649px) {
    .AssociatedProducts .BlockLink {
        width:100%
    }
}

.AssociatedProducts .BlockLink-desc {
    height: 4.5em;
    max-height: none
}

.AssociatedProducts .BlockLink-desc,.AssociatedProducts .BlockLink-desc div {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.AssociatedProducts .BlockLink-btn {
    margin-top: auto
}

.CardsDashboardSearch-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

.CardsDashboardSearch-research {
    position: relative
}

.CardsDashboardSearch-research:before {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 10;
    width: 48px;
    height: 48px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-primary);
    line-height: 48px;
    text-align: center;
    pointer-events: none
}

.CardsDashboardSearch-advancedBtnWrapper,.CardsDashboardSearch-research,.CardsDashboardSearch-sort {
    width: 32.5%;
    margin: 0
}

.CardsDashboardSearch-researchItem {
    height: 100%
}

.CardsDashboardSearch-sort {
    position: relative
}

.CardsDashboardSearch-sort .bootstrap-select.btn-group .dropdown-toggle {
    height: 100%
}

.CardsDashboardSearch-sort .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-style: italic;
    padding-left: 65px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.CardsDashboardSearch-sort .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    color: var(--msl-artwork-grey-900)
}

.CardsDashboardSearch-sortLabel {
    position: absolute;
    z-index: 1062;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: var(--msl-fontWeight-400)
}

.CardsDashboardSearch-sortLabel {
    color: var(--msl-brand-primary)
}

.CardsDashboardSearch-advancedBtn {
    border: 1px solid var(--msl-artwork-grey-300);
    font-weight: var(--msl-fontWeight-600);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.CardsDashboardSearch-advancedBtn.btn-default {
    font-weight: var(--msl-fontWeight-400)
}

.CardsDashboardSearch-advancedBtn,.CardsDashboardSearch-sortBtn {
    width: 100%!important;
    height: 100%
}

.CardsDashboardSearch-advanced {
    background-color: var(--msl-artwork-grey-50);
    padding: 15px;
    margin-top: 5px
}

.CardsDashboardSearch-accountBtn {
    width: 100%!important
}

.CardsDashboardSearch-advancedLabel {
    display: block
}

.CardsDashboardSearch-resetLink {
    display: inline-block;
    margin-top: 10px
}

@media screen and (max-width: 649px) {
    .CardsDashboardSearch-form {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .CardsDashboardSearch-advancedBtnWrapper,.CardsDashboardSearch-research,.CardsDashboardSearch-sort {
        width: 100%
    }

    .CardsDashboardSearch-advancedBtnWrapper,.CardsDashboardSearch-research {
        margin-bottom: 10px
    }

    .CardsDashboardSearch-advancedBtn {
        text-align: left
    }
}

.Cards {
    margin: 0 0 10px
}

.Card {
    display: table;
    width: 100%;
    padding: 2.5%;
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-100);
    margin: var(--msl-spacing-100) 0;
    box-shadow: var(--msl-boxShadow-s)
}

.Card,.Card:hover {
    text-decoration: none
}

.Card+.Card {
    border-top: 1px solid var(--msl-artwork-grey-0)
}

.Card-left,.Card-right {
    display: table-cell
}

.Card-left {
    padding-left: 15px;
    vertical-align: top
}

.Card-icon {
    font-size: var(--msl-fontSize-28);
    color: var(--msl-brand-secondary-400);
    padding: 7px 0 0
}

.Card-right {
    padding-left: 15px;
    text-align: right;
    vertical-align: middle
}

.Card-title {
    color: var(--msl-brand-primary)
}

.Card-accountBalanceDate,.Card-accountNumber,.Card-titleNumber {
    color: var(--msl-artwork-grey-600)
}

.Card-accountBalanceDate:last-child {
    margin-bottom: 0
}

.Card-accountNumber,.Card-titleNumber {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.Card-accountNumber {
    margin-bottom: 0
}

.Card-accountBalanceNumber {
    font-weight: var(--msl-fontWeight-700);
    white-space: nowrap;
    color: var(--msl-artwork-grey-900)
}

.Card-title,.Card-titleFullname,.Card-titleNumber {
    margin-bottom: 2px
}

.Card-titleFullname {
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900)
}

@media screen and (max-width: 649px) {
    .Card {
        display:block
    }

    .Card-left,.Card-right {
        display: block;
        margin-left: 45px;
        padding-left: 0
    }

    .Card-icon {
        float: left;
        width: auto;
        padding: 5px 0 0 5px
    }

    .Card-accountBalanceDate {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 2px
    }
}

.Card-white {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: left;
    -webkit-align-items: left;
    align-items: left;
    text-align: left;
    width: 100%;
    height: 234px;
    padding: 0;
    font-size: var(--msl-fontSize-16);
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-200);
    border-top: 1px solid var(--msl-artwork-grey-0);
    box-shadow: 0 2px 9px 0 rgba(193,201,214,.45)
}

.Card-white .Card-white-title {
    height: 54px;
    max-width: 320px;
    margin: 0;
    letter-spacing: 0;
    color: inherit;
    -webkit-line-clamp: 2;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.Card-white .Card-white-bottom {
    position: absolute;
    bottom: 24px;
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
    font-size: var(--msl-fontSize-14);
    font-family: var(--msl-fontFamily-body)
}

.Card-white .Card-white-bottom-left,.Card-white .Card-white-bottom-right {
    width: auto;
    margin: 0
}

.Card-white .Card-white-bottom-left {
    float: left;
    padding-left: 7px
}

.Card-white .Card-white-bottom-left>.icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.Card-white .Card-white-bottom-left .Card-white-bottom-left-timer {
    padding-top: 3px
}

.Card-white .Card-white-bottom-right {
    padding-top: 3px;
    float: right;
    color: var(--msl-brand-primary)
}

.Card-white .Card-white-block-link {
    height: 100%;
    padding: var(--msl-spacing-300) var(--msl-spacing-300) 42px var(--msl-spacing-300);
    margin: 0;
    cursor: pointer;
    min-height: 178px;
    text-decoration: none;
    color: inherit;
    position: relative;
    font-weight: var(--msl-fontWeight-400)
}

.Card-white .Card-white-block-link:hover,.Card-white Card-white-block-link:active,.Card-white Card-white-block-link:link,.Card-white Card-white-block-link:visited {
    text-decoration: none;
    color: inherit
}

.Card-white .Card-white-desc {
    margin: 0;
    line-height: 1.4;
    max-height: 4.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--msl-artwork-grey-600)
}

.Card-white .Card-white-icon {
    font-size: 22px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    color: var(--msl-brand-secondary-300);
    float: left;
    width: auto
}

.Card-white .Card-white-link {
    text-decoration: underline
}

.Card-white .Card-white-offer {
    margin-top: var(--msl-spacing-100);
    background-color: var(--msl-functionnal-success-50);
    border-radius: var(--msl-borderRadius-200);
    font-size: var(--msl-fontSize-11);
    padding: 5px 10px;
    display: inline-block
}

.Card-white:hover {
    box-shadow: 0 5px 18px 0 rgba(193,201,214,.45);
    -webkit-transform: translateY(-1%)
}

.Card-white-footer {
    color: var(--msl-artwork-grey-600);
    padding-left: var(--msl-spacing-300);
    padding-top: 12px;
    font-size: var(--msl-fontSize-12)
}

@media (min-width: 650px) {
    .Card-white {
        max-width:368px
    }
}

.card-secondary {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: left;
    -webkit-align-items: left;
    align-items: left;
    text-align: left;
    width: auto;
    height: auto;
    padding: var(--msl-spacing-400) 48px;
    margin: var(--msl-spacing-300) 12%;
    font-size: var(--msl-fontSize-16);
    background-color: var(--msl-brand-secondary-100);
    border-radius: var(--msl-borderRadius-200);
    border-top: 1px solid var(--msl-artwork-grey-0);
    box-shadow: 0 2px 9px 0 rgba(193,201,214,.45)
}

.card-secondary .card-secondary-container {
    width: 80%
}

.card-secondary .card-secondary-title {
    width: 80%;
    margin-bottom: var(--msl-spacing-100);
    letter-spacing: 0;
    color: var(--msl-artwork-grey-900);
    -webkit-line-clamp: 2;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.card-secondary .card-secondary-desc {
    width: 80%;
    margin-bottom: var(--msl-spacing-200);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--msl-artwork-grey-900)
}

.card-secondary .card-secondary-icon {
    font-size: 78px;
    margin-right: var(--msl-spacing-200);
    color: var(--msl-brand-secondary-500)
}

@media screen and (max-width: 989px) {
    .card-secondary {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: var(--msl-spacing-300);
        height: auto
    }

    .card-secondary .card-secondary-icon {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: var(--msl-spacing-300);
        font-size: 56px
    }

    .card-secondary .card-secondary-container,.card-secondary .card-secondary-desc,.card-secondary .card-secondary-title {
        width: auto
    }
}

.card-secondary-double {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: left;
    -webkit-align-items: left;
    align-items: left;
    text-align: left;
    width: 49%;
    height: 206px;
    padding: var(--msl-spacing-300);
    font-size: var(--msl-fontSize-16);
    background-color: var(--msl-brand-secondary-100);
    border-radius: var(--msl-borderRadius-200);
    border-top: 1px solid var(--msl-artwork-grey-0);
    box-shadow: 0 2px 9px 0 rgba(193,201,214,.45)
}

.card-secondary-double .card-secondary-title {
    width: auto;
    margin-bottom: var(--msl-spacing-100);
    letter-spacing: 0;
    color: var(--msl-artwork-grey-900);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.card-secondary-double .card-secondary-desc {
    width: auto;
    margin-bottom: var(--msl-spacing-200);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--msl-artwork-grey-900)
}

.card-secondary-double .card-secondary-icon {
    font-size: 26px;
    margin-right: var(--msl-spacing-300);
    margin-bottom: 88px;
    min-width: 64px;
    min-height: 64px;
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--msl-brand-secondary-500)
}

.card-secondary-double .card-secondary-container {
    width: -webkit-calc(100% - 88px);
    width: calc(100% - 88px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 989px) {
    .card-secondary-double {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        height: auto;
        padding: var(--msl-spacing-300)
    }

    .card-secondary-double.card-secondary-bottom {
        margin-bottom: var(--msl-spacing-300)
    }

    .card-secondary-double .card-secondary-icon {
        margin-right: 0;
        margin-bottom: var(--msl-spacing-300);
        width: 64px;
        color: var(--msl-brand-secondary-500)
    }

    .card-secondary-double .card-secondary-container {
        width: 100%
    }
}

.card-secondary .GenericBtn--center,.card-secondary-double .GenericBtn--center {
    text-align: left
}

.card-secondary .bouton-generique .npc-msl-justify-center,.card-secondary .bouton-prendre-rdv-simple .npc-msl-justify-center,.card-secondary .bouton-souscrire-v2 .npc-msl-justify-center,.card-secondary .rdv-action .npc-msl-justify-center,.card-secondary-double .bouton-generique .npc-msl-justify-center,.card-secondary-double .bouton-prendre-rdv-simple .npc-msl-justify-center,.card-secondary-double .bouton-souscrire-v2 .npc-msl-justify-center,.card-secondary-double .rdv-action .npc-msl-justify-center {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.card-secondary .souscrire-action,.card-secondary-double .souscrire-action {
    position: relative
}

.card-secondary .souscrire-action span,.card-secondary-double .souscrire-action span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
    display: block
}

.card-secondary .souscrire-action:focus::after,.card-secondary-double .souscrire-action:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 28px;
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.card-secondary-container-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: var(--msl-spacing-300) 12%
}

@media screen and (max-width: 989px) {
    .card-secondary-container-flex {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

a.Card {
    color: unset;
    text-decoration: unset
}

.Card {
    padding: 10px;
    position: relative
}

.Card:hover {
    box-shadow: var(--msl-boxShadow-s);
    -webkit-transform: translateY(-1%)
}

.Card:focus {
    outline: 2px solid var(--msl-artwork-grey-1000)
}

.Card h3 {
    height: 64px
}

.Card .Card-img-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 192px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    border-top-left-radius: var(--msl-borderRadius-100);
    border-top-right-radius: var(--msl-borderRadius-100)
}

.Card .Card-img-top img {
    height: 100%
}

.Card .Card-infos {
    text-align: left;
    margin-top: 192px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.Card .Card-infos .Card-project-location span {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.Card .Card-infos .Card-project-location .projet-icon {
    font-size: 24px;
    color: var(--msl-brand-secondary-500)
}

.Card .Card-infos .Card-ship-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0
}

.Card .Card-infos .Card-ship-list .Card-ship {
    margin: 5px;
    background-color: var(--msl-artwork-grey-100);
    border-radius: var(--msl-borderRadius-200);
    border: 1px solid var(--msl-artwork-grey-300);
    padding: 9px var(--msl-spacing-200) 9px var(--msl-spacing-200);
    display: inline-block
}

.Card .Card-infos .Card-description {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (max-width: 1169px) {
    .Card .Card-img-top {
        height:150px
    }

    .Card .Card-infos {
        margin-top: 150px
    }
}

.Card .Card-color-primary-dark {
    color: var(--msl-brand-secondary-500)
}

.Card .Card-border-color-primary-dark {
    border-color: var(--msl-brand-secondary-500)
}

.card-animation-commerciale .card-secondary-items {
    width: 49%
}

.card-animation-commerciale .card-secondary-container-flex {
    margin: 20px
}

.card-animation-commerciale .card-secondary {
    height: 216px;
    margin: 20px;
    width: 80%;
    padding: var(--msl-spacing-00)
}

.card-animation-commerciale .card-secondary .card-secondary-container,.card-animation-commerciale .card-secondary-double .card-secondary-container {
    width: 100%
}

.card-animation-commerciale .card-secondary-double:not(.background-primary),.card-animation-commerciale .card-secondary:not(.background-primary) {
    background-color: var(--msl-artwork-grey-0)
}

.card-animation-commerciale .card-secondary-double.background-primary,.card-animation-commerciale .card-secondary.background-primary {
    background-color: var(--msl-brand-secondary-100)
}

.card-animation-commerciale .card-secondary-double {
    height: 216px;
    padding: var(--msl-spacing-00);
    width: 100%
}

.card-animation-commerciale .GenericBtn-btn {
    max-width: 100%;
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 12px var(--msl-spacing-300) 12px var(--msl-spacing-300)
}

.card-animation-commerciale .card-img-top img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media screen and (min-width: 650px) {
    .card-animation-commerciale .card-mentions-legales {
        padding-top:var(--msl-spacing-200)
    }
}

@media screen and (max-width: 650px) {
    .card-animation-commerciale .card-mentions-legales {
        padding-top:var(--msl-spacing-50)
    }
}

.card-animation-commerciale .card-mentions-legales {
    margin: -32px var(--msl-spacing-400) var(--msl-spacing-400) var(--msl-spacing-400);
    padding-left: var(--msl-spacing-200);
    width: 80%;
    font-size: var(--msl-fontSize-12)
}

.card-animation-commerciale .card-secondary-container-flex .card-mentions-legales {
    margin: var(--msl-spacing-00);
    width: 100%
}

.card-animation-commerciale .card-accroche div:first-child {
    overflow: hidden
}

.card-animation-commerciale .card-accroche {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.card-animation-commerciale .card-sans {
    padding: var(--msl-spacing-500);
    height: 270px
}

.card-animation-commerciale .card-sans .card-accroche,.card-animation-commerciale .card-sans .card-secondary-container {
    height: 100%
}

.card-animation-commerciale .card-gauche {
    padding: var(--msl-spacing-200)
}

.card-animation-commerciale .card-gauche .card-img-top {
    width: 30%;
    height: 100%
}

.card-animation-commerciale .card-gauche .card-img-top img {
    width: 100%;
    height: 100%;
    border-radius: var(--msl-borderRadius-200)
}

.card-animation-commerciale .card-gauche .card-secondary-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100%
}

.card-animation-commerciale .card-gauche .card-accroche {
    width: 70%;
    margin: var(--msl-spacing-00);
    padding: 10px 0 10px var(--msl-spacing-200);
    height: 100%
}

.card-animation-commerciale .card-haute .card-img-top {
    height: 115px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    border-top-left-radius: var(--msl-borderRadius-100);
    border-top-right-radius: var(--msl-borderRadius-100)
}

.card-animation-commerciale .card-haute .card-img-top img {
    height: 100%;
    width: 100%
}

.card-animation-commerciale .card-haute.card-secondary .card-accroche {
    padding: var(--msl-spacing-300);
    height: 190px
}

.card-animation-commerciale .card-haute.card-secondary-double .card-accroche {
    padding: var(--msl-spacing-300);
    margin-bottom: auto;
    height: 190px
}

.card-animation-commerciale .card-haute.card-secondary,.card-animation-commerciale .card-haute.card-secondary-double {
    height: 305px
}

.card-animation-commerciale .card-large {
    box-shadow: none;
    height: auto
}

.card-animation-commerciale .card-large .card-img-top {
    height: 230px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    border-radius: var(--msl-borderRadius-200)
}

.card-animation-commerciale .card-large .card-img-top img {
    width: 100%
}

.card-animation-commerciale .card-large.card-secondary .card-accroche {
    padding: var(--msl-spacing-300);
    margin-left: var(--msl-spacing-200);
    margin-right: var(--msl-spacing-200);
    border-radius: var(--msl-borderRadius-200);
    border-top: 1px solid var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s);
    z-index: 10;
    position: relative;
    top: -48px;
    margin-bottom: -48px;
    background-color: var(--msl-artwork-grey-0);
    height: 175px
}

.card-animation-commerciale .card-large.card-secondary-double .card-accroche {
    padding: var(--msl-spacing-300);
    margin-bottom: auto;
    margin-left: var(--msl-spacing-100);
    margin-right: var(--msl-spacing-100);
    border-radius: var(--msl-borderRadius-200);
    border-top: 1px solid var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s);
    z-index: 10;
    position: relative;
    top: -80px;
    margin-bottom: -80px;
    background-color: var(--msl-artwork-grey-0);
    height: 225px
}

@media screen and (max-width: 970px) {
    .card-animation-commerciale .card-secondary-container-flex .card-secondary-items {
        margin-bottom:var(--msl-spacing-400)
    }

    .card-animation-commerciale .card-secondary-items {
        width: 100%
    }

    .card-animation-commerciale .card-large.card-secondary .card-accroche,.card-animation-commerciale .card-large.card-secondary-double .card-accroche {
        height: 175px
    }
}

@media screen and (max-width: 650px) {
    .card-animation-commerciale {
        padding:20px
    }

    .card-animation-commerciale .GenericBtn-btn {
        padding: 12px var(--msl-spacing-100)
    }

    .card-animation-commerciale .card-mentions-legales {
        margin: 0;
        width: 100%
    }

    .card-animation-commerciale .card-secondary {
        margin-bottom: var(--msl-spacing-00);
        margin-top: var(--msl-spacing-00)
    }

    .card-animation-commerciale .card-secondary,.card-animation-commerciale .card-secondary-container-flex {
        width: 100%;
        margin: var(--msl-spacing-00)
    }

    .card-animation-commerciale .card-animation-commerciale {
        width: 100%;
        padding: var(--msl-spacing-400)
    }

    .card-animation-commerciale .card-large.card-secondary .card-accroche,.card-animation-commerciale .card-large.card-secondary-double .card-accroche {
        margin-left: var(--msl-spacing-200);
        margin-right: var(--msl-spacing-200);
        top: -80px;
        margin-bottom: -80px
    }
}

.IncreaseTheCeilingParent {
    position: relative
}

.IncreaseTheCeilingParent .IncreaseTheCeiling {
    padding-top: 30px
}

.IncreaseTheCeiling {
    margin: 0 0 30px;
    padding-bottom: 15px
}

.IncreaseTheCeiling--bgcGray {
    padding-left: 15px;
    padding-right: 15px
}

.IncreaseTheCeiling-inputMailMessage {
    color: red
}

.IncreaseTheCeiling-inputMail:invalid {
    border: 1px solid red
}

.IncreaseTheCeiling--inputMailWidth {
    width: 50%
}

.IncreaseTheCeiling-carousel,.IncreaseTheCeiling-progress {
    clear: both;
    overflow: hidden;
    padding: 0 15px;
    background-color: var(--msl-artwork-grey-50)
}

.IncreaseTheCeiling-carousel {
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

@media (max-width: 649px) {
    .IncreaseTheCeiling-carousel {
        padding:0 55px 0 15px
    }
}

.IncreaseTheCeiling-carousel .owl-next,.IncreaseTheCeiling-carousel .owl-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling-carousel .owl-next.disabled,.IncreaseTheCeiling-carousel .owl-prev.disabled {
    display: none
}

.IncreaseTheCeiling-carousel .owl-next:before,.IncreaseTheCeiling-carousel .owl-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.IncreaseTheCeiling-carousel .owl-prev {
    left: 15px
}

.IncreaseTheCeiling-carousel .owl-prev:before {
    content: ""
}

.IncreaseTheCeiling-carousel .owl-next {
    right: 15px
}

.IncreaseTheCeiling-carousel .owl-next:before {
    content: ""
}

.MyOptionsCard-service {
    display: table;
    width: 100%;
    min-height: 75px;
    padding: 2.5%;
    background-color: var(--msl-artwork-grey-50);
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

.MyOptionsCard-content {
    display: table-cell;
    vertical-align: middle
}

.MyOptionsCard-content--witdh {
    width: 70%
}

.MyOptionsCard-title {
    margin-bottom: 2px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: -.023em
}

.MyOptionsCard-contentStatus {
    display: table;
    background-color: var(--msl-artwork-grey-50);
    margin-top: 10px
}

.MyOptionsCard-action {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    text-align: right
}

.MyOptionsCard-action--button {
    width: 125px
}

.MyOptionsCard-statusArrow {
    display: table-cell;
    vertical-align: middle;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.MyOptionsCard-statusArrow--enabled {
    color: var(--msl-brand-secondary-400)
}

.MyOptionsCard-statusArrow--disabled {
    color: var(--msl-artwork-grey-100)
}

.MyOptionsCard-statusText {
    display: table-cell;
    vertical-align: middle;
    font-weight: var(--msl-fontWeight-700);
    padding-left: 5px
}

.IncreaseTheCeiling--titleH3 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-top: 5px
}

.IncreaseTheCeiling--titleH5 {
    text-transform: uppercase;
    letter-spacing: -.56px;
    margin-top: 30px;
    margin-bottom: 10px
}

.IncreaseTheCeiling-text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin: 15px 0
}

.IncreaseTheCeiling-text:first-child {
    margin-top: 0
}

.IncreaseTheCeiling-text--italic {
    font-style: italic
}

.IncreaseTheCeiling-text--bold {
    font-weight: var(--msl-fontWeight-700)
}

.IncreaseTheCeiling-text--fade {
    opacity: .8
}

.IncreaseTheCeiling--fW300 {
    font-weight: var(--msl-fontWeight-400)
}

.IncreaseTheCeiling-btnWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 3% 0 0
}

.IncreaseTheCeiling-btnWrap>a {
    margin: 10px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.IncreaseTheCeiling-btnWrap>a:hover {
    background: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling-upCeiling {
    position: relative;
    height: 30px;
    margin-top: 17px;
    margin-bottom: 8.5px
}

.IncreaseTheCeiling-upCeiling a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--msl-brand-primary)
}

.IncreaseTheCeiling-upCeiling a:before {
    content: "";
    display: inline-block;
    color: var(--msl-brand-secondary-400);
    text-decoration: none;
    margin-right: 10px
}

.clearfix-floatLeft {
    float: left
}

.clearfix-floatRight {
    float: right
}

.IncreaseTheCeiling-table {
    background-color: var(--msl-artwork-grey-0);
    border-collapse: collapse;
    line-height: 1.4;
    font-size: var(--msl-fontSize-14);
    margin-bottom: 30px
}

.IncreaseTheCeiling-table .Table-row {
    height: 45px
}

.IncreaseTheCeiling-table .Table-row:first-child,.IncreaseTheCeiling-table .Table-row:last-child {
    border-bottom: none
}

.IncreaseTheCeiling-table .IncreaseTheCeiling-tableRowBig {
    height: 55px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.IncreaseTheCeiling-table .Table-cellHead {
    width: 30%;
    padding: 0 2.5%;
    text-align: center;
    font-weight: var(--msl-fontWeight-400)
}

.IncreaseTheCeiling-table .Table-cellHead:first-child {
    width: 40%
}

.IncreaseTheCeiling-table .Table-cellBody {
    width: 30%;
    padding: 5px 2.5%
}

.IncreaseTheCeiling-table .Table-cellBody:first-child {
    width: 40%
}

.IncreaseTheCeiling-tableName {
    color: var(--msl-artwork-grey-900);
    margin-bottom: 0
}

.IncreaseTheCeiling-doubleText--text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-1000)
}

.IncreaseTheCeiling-doubleText--subtext {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: #19212d
}

.IncreaseTheCeiling-cellBodyText {
    color: var(--msl-artwork-grey-1000);
    text-align: center;
    margin: 0
}

.IncreaseTheCeiling-text--fS10,.IncreaseTheCeiling-text--fS11 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.IncreaseTheCeiling-text--fS13 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.IncreaseTheCeiling-text--fS17 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.IncreaseTheCeiling-text--colorPrimary {
    color: #19212d!important
}

.IncreaseTheCeiling-Basic {
    display: table;
    position: relative;
    width: 100%;
    background-color: var(--msl-artwork-grey-50);
    border-collapse: collapse;
    border-bottom: 2px solid var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-100) var(--msl-borderRadius-100) 0 0
}

.IncreaseTheCeiling-Basic:first-child {
    border-bottom: none
}

.IncreaseTheCeiling-rowBasic {
    display: table-row;
    width: 100%;
    border-bottom: 2px solid var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling-cellHeadBasic {
    display: table-cell;
    vertical-align: middle;
    padding: 2.5%;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.IncreaseTheCeiling-cellHeadBasic:first-child {
    width: 70%;
    max-width: 235px
}

.IncreaseTheCeiling-cellHeadBasic:last-child {
    width: 30%;
    text-align: right;
    white-space: nowrap
}

.IncreaseTheCeiling-cellBodyBasic {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    font-weight: var(--msl-fontWeight-400);
    padding: 2.5%
}

.IncreaseTheCeiling-cellBodyBasic:last-child {
    text-align: right
}

.IncreaseTheCeiling-doubleTextBasic {
    display: table;
    width: 100%
}

.IncreaseTheCeiling-textBasic {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    margin: 0
}

.IncreaseTheCeiling-textBasic--noMB {
    margin-bottom: 0
}

.IncreaseTheCeiling-textBasic--pTB10 {
    padding: 10px 0
}

.IncreaseTheCeiling-cellPadLeft10 {
    padding-left: 10px
}

.IncreaseTheCeiling-cellPadRight10 {
    padding-right: 10px
}

.IncreaseTheCeiling-text--textLeft {
    color: #19212d;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    text-transform: uppercase;
    text-align: left
}

.IncreaseTheCeiling-text--textRight {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    text-transform: uppercase;
    text-align: right
}

.IncreaseTheCeiling-panelChart {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 183px;
    margin: 20px 0;
    padding: 10px 0;
    background: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-1000)
}

.IncreaseTheCeiling-panelChart::before {
    content: '';
    position: absolute;
    left: 10%;
    top: -20px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling-panelChartProgressBar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 50%;
    height: 100%;
    min-height: 60px;
    padding: 0 10px
}

.IncreaseTheCeiling-panelChartLegend {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 10px
}

.IncreaseTheCeiling-panelChartLegend:first-child {
    text-align: right
}

.IncreaseTheCeiling-text--fS17LS {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: -.033em
}

.IncreaseTheCeiling-panelRight {
    position: relative;
    width: 100%;
    height: 183px;
    margin: 20px 0;
    padding: 10px;
    text-align: left;
    background: var(--msl-artwork-grey-0);
    color: var(--msl-artwork-grey-1000)
}

.IncreaseTheCeiling-panelRight::before {
    content: '';
    position: absolute;
    left: 90%;
    top: -20px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent var(--msl-artwork-grey-0)
}

.IncreaseTheCeiling-panelRightContent {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 649px) {
    .IncreaseTheCeiling-btnWrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .IncreaseTheCeiling-btnWrap>a {
        width: 100%
    }

    .IncreaseTheCeiling--inputMailWidth {
        width: 75%
    }

    .IncreaseTheCeiling-upCeiling {
        margin-top: 0
    }

    .IncreaseTheCeiling-upCeiling a {
        left: 0;
        top: 0
    }

    .IncreaseTheCeiling-table {
        display: block;
        position: relative;
        width: 100%;
        background-color: var(--msl-artwork-grey-0);
        border-collapse: collapse;
        font-family: var(--msl-fontFamily-body);
        line-height: 1.4;
        font-size: var(--msl-fontSize-14);
        margin-bottom: 30px
    }

    .IncreaseTheCeiling-table .Table-row {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 2px solid var(--msl-artwork-grey-100)
    }

    .IncreaseTheCeiling-table .Table-cellBody,.IncreaseTheCeiling-table .Table-cellHead {
        display: block;
        float: left;
        width: 70%;
        height: auto;
        text-align: left
    }

    .IncreaseTheCeiling-table .Table-cellBody:last-child,.IncreaseTheCeiling-table .Table-cellHead:last-child {
        width: 30%
    }

    .IncreaseTheCeiling-table .Table-cellHead {
        line-height: 33px
    }

    .IncreaseTheCeiling-table .Table-cellHead:first-child {
        display: none
    }

    .IncreaseTheCeiling-table .Table-cellBody {
        padding: 0 2.5% 2.5%
    }

    .IncreaseTheCeiling-table .Table-cellBody:first-child {
        width: 100%;
        padding-bottom: 1.5%
    }

    .IncreaseTheCeiling-tableName {
        margin: 2.5% 0 0
    }

    .IncreaseTheCeiling-cellBodyText {
        text-align: left;
        padding: 0
    }

    .IncreaseTheCeiling-doubleText--text {
        margin: 0
    }

    .CeilingCarousel.owl-carousel {
        overflow: hidden
    }

    .owl-carousel .IncreaseTheCeiling-cellWidthXsMax {
        width: 100%
    }

    .IncreaseTheCeiling-panelChartProgressBar {
        padding: 0 5px
    }

    .IncreaseTheCeiling-panelChartLegend {
        padding: 0 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .IncreaseTheCeiling-panelChartLegend p {
        margin-bottom: 0
    }

    .IncreaseTheCeiling-panelRightContent1 {
        width: 100%;
        float: left;
        text-align: center
    }

    .IncreaseTheCeiling-panelRightContent2 {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 20px
    }

    .IncreaseTheCeiling-panelRightContent3 {
        width: 50%;
        float: left;
        text-align: left;
        padding-left: 20px
    }

    .IncreaseTheCeiling-panelRightContent {
        width: 100%;
        right: 0;
        left: 0
    }

    .IncreaseTheCeiling-cellPadRight10 {
        padding-right: 0
    }

    .IncreaseTheCeiling-cellPadLeft10 {
        padding-left: 0
    }

    .IncreaseTheCeiling-cellHeadBasicSeparator {
        display: block;
        height: 0;
        overflow: hidden;
        text-indent: -1000000px
    }

    .IncreaseTheCeiling-btnWrap .btn {
        margin-left: 0;
        margin-right: 0
    }
}

.DefectiveComponent {
    position: relative;
    height: 100%;
    font-family: var(--msl-fontFamily-body);
    background-color: var(--msl-artwork-grey-50);
    color: var(--msl-brand-primary);
    text-align: center;
    font-size: 1.6em;
    line-height: 1.2
}

.DefectiveComponent-content {
    display: table;
    height: 100%;
    width: 100%
}

.DefectiveComponent-text {
    display: table-cell;
    vertical-align: middle;
    padding: 50px 2vw
}

.DefectiveComponent-img {
    width: 70px;
    padding-bottom: 10px
}

.DefectiveComponent-firstPara {
    font-weight: var(--msl-fontWeight-700)
}

.DefectiveComponent-secondPara {
    font-weight: var(--msl-fontWeight-400)
}

.TechnicalError {
    position: absolute;
    top: 60px;
    bottom: 0;
    width: 100%;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    font-family: var(--msl-fontFamily-body);
    color: var(--msl-brand-primary);
    text-align: center;
    margin: 0;
    padding: 0;
    background: url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error.jpg) center bottom no-repeat;
    background-size: cover
}

@media screen and (max-width: 1365px) {
    .TechnicalError {
        background:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error_tablet.jpg) center bottom no-repeat;
        background-size: cover
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .TechnicalError {
        background:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error.jpg) center bottom no-repeat;
        background-size: cover
    }
}

@media screen and (max-width: 500px) {
    .TechnicalError {
        background:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error_mobile.jpg) center bottom no-repeat;
        background-size: cover
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:737px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .TechnicalError {
        background:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error.jpg) center bottom no-repeat;
        background-size: cover
    }
}

.TechnicalError.noscript {
    background: var(--msl-artwork-grey-0);
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9999
}

.aem-AuthorLayer-Edit .TechnicalError,.aem-AuthorLayer-Preview .TechnicalError {
    height: auto;
    min-height: 750px
}

.TechnicalError-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60%;
    margin: 0
}

@media screen and (max-width: 649px) {
    .TechnicalError-content {
        width:90%
    }
}

.TechnicalError-paragraph {
    font-size: 3em;
    line-height: 1.2em
}

@media screen and (max-width: 1169px) {
    .TechnicalError-paragraph {
        font-size:2em
    }
}

@media screen and (max-width: 649px) {
    .TechnicalError-paragraph {
        font-size:1.6em
    }
}

.TechnicalError-firstPara {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: 0
}

@media (max-width: 989px) {
    .TechnicalError-firstPara {
        font-size:var(--msl-fontSize-34)
    }
}

.TechnicalError-secondPara {
    font-weight: var(--msl-fontWeight-400)
}

.TechnicalError-btn {
    display: inline-block;
    margin-top: var(--msl-spacing-500);
    font-family: var(--msl-fontFamily-body)
}

.TechnicalError-btnPrimary {
    display: block;
    width: auto;
    margin: 10px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.TechnicalError-btnNoBg {
    display: block;
    width: auto;
    margin: 10px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.TechnicalError-btnNoBg:active,.TechnicalError-btnNoBg:focus,.TechnicalError-btnNoBg:hover {
    color: var(--msl-brand-secondary-400);
    border-color: var(--msl-brand-secondary-400)
}

.flexbox .TechnicalError {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.flexbox .TechnicalError-content {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none
}

.AemBug {
    position: relative;
    min-height: 100%;
    min-height: -webkit-calc(100vh - 120px);
    min-height: calc(100vh - 120px);
    padding: 50px 0;
    text-align: center;
    font-family: var(--msl-fontFamily-body);
    color: var(--msl-brand-primary);
    background: url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error.jpg) center no-repeat;
    background-size: cover
}

@media screen and (max-width: 1365px) {
    .AemBug {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error_tablet.jpg)
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .AemBug {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error.jpg)
    }
}

@media screen and (max-width: 500px) {
    .AemBug {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error_mobile.jpg)
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:737px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .AemBug {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/technical_error.jpg)
    }
}

.aem-AuthorLayer-Edit .AemBug,.aem-AuthorLayer-Preview .AemBug {
    min-height: 750px
}

.AemBug-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.AemBug-paragraph {
    width: 48%;
    margin: auto;
    font-size: 2.4em;
    line-height: 1.2
}

.AemBug-firstPara {
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: 0
}

.AemBug-secondPara {
    font-weight: var(--msl-fontWeight-400)
}

@media screen and (max-width: 1169px) {
    .AemBug-paragraph {
        font-size:var(--msl-fontSize-28)
    }
}

@media screen and (max-width: 989px) {
    .AemBug-paragraph {
        font-size:1.6em;
        width: 50%;
        margin: auto
    }

    .AemBug-firstBtn {
        margin-top: 28px
    }
}

@media screen and (max-width: 649px) {
    .AemBug-content {
        width:70%;
        margin: auto
    }

    .AemBug-paragraph {
        font-size: 1.2em;
        width: 100%;
        margin: auto
    }

    .AemBug-firstBtn {
        margin-top: 20px
    }

    .AemBug-secondBtn {
        margin-top: 7px
    }

    .AemBug-links {
        width: 165px;
        font-size: .8em;
        padding: 10px
    }
}

.Error404 {
    position: relative;
    min-height: 100%;
    min-height: -webkit-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    padding: 50px 0;
    text-align: center;
    font-family: var(--msl-fontFamily-body);
    color: var(--msl-brand-primary);
    background: url(clientlib-resources/resources/images/commun/img-maquette-erreur/error_404.jpg) center no-repeat;
    background-size: cover
}

@media screen and (max-width: 1365px) {
    .Error404 {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/error_404_tablet.jpg)
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .Error404 {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/error_404.jpg)
    }
}

@media screen and (max-width: 500px) {
    .Error404 {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/error_404_mobile.jpg)
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:737px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .Error404 {
        background-image:url(clientlib-resources/resources/images/commun/img-maquette-erreur/error_404.jpg)
    }
}

.aem-AuthorLayer-Edit .Error404,.aem-AuthorLayer-Preview .Error404 {
    min-height: 750px
}

.Error404-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    max-width: 60%;
    margin: 0 auto
}

@media screen and (max-width: 649px) {
    .Error404-content {
        width:90%
    }
}

.Error404-paragraph {
    font-size: 3em;
    line-height: 1.2em;
    color: var(--msl-artwork-grey-0)
}

@media screen and (max-width: 1169px) {
    .Error404-paragraph {
        font-size:2em
    }
}

@media screen and (max-width: 649px) {
    .Error404-paragraph {
        font-size:1.6em
    }
}

.Error404-firstPara {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: 0
}

@media (max-width: 989px) {
    .Error404-firstPara {
        font-size:var(--msl-fontSize-34)
    }
}

.Error404-secondPara {
    font-weight: var(--msl-fontWeight-400)
}

.Error404-btn {
    display: inline-block;
    margin-top: var(--msl-spacing-500);
    font-family: var(--msl-fontFamily-body)
}

.Error404-btnPrimary {
    display: block;
    width: auto;
    margin: 10px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.Error404-btnNoBg {
    display: block;
    width: auto;
    margin: 10px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.Error404-btnNoBg:active,.Error404-btnNoBg:focus,.Error404-btnNoBg:hover {
    color: var(--msl-brand-secondary-400);
    border-color: var(--msl-brand-secondary-400)
}

.flexbox .Error404 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.PushService {
    min-height: 435px;
    margin: 20px 0;
    overflow: hidden;
    background-color: var(--msl-artwork-grey-0)
}

.PushService-content {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 0 20px
}

.PushService-contentImage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 206px;
    padding: 0 15px
}

.PushService-contentImage--fullSize {
    display: block;
    height: 206px;
    margin-top: 0;
    padding: 0;
    background: 50% 50% no-repeat;
    background-size: cover;
    overflow: hidden
}

.PushService-mediumSize {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.PushService-smallSize {
    position: relative;
    width: 102px;
    height: 102px;
    background-color: var(--msl-brand-secondary-400);
    border-radius: 50%;
    text-align: center
}

.PushService-icon {
    position: absolute;
    max-width: 40%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.PushService-img {
    max-width: 100%;
    max-height: 100%
}

.PushService-imageBot {
    display: block;
    max-width: 100%;
    height: 103px;
    margin: 0 auto;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

.PushService-body {
    padding: 10px 30px 0
}

.PushService-body ol,.PushService-body ul {
    display: table;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: left
}

.PushService-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 8.5px
}

.PushService-contentTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.PushService-title,.PushService-title p {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary);
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.PushService-title p sup,.PushService-title sup {
    font-size: .5em;
    top: -.7em
}

.PushService-text,.PushService-text p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    margin-bottom: 20px;
    max-height: 7.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.PushService--PadTopStandImg {
    padding-top: 15px
}

.PushService--margTopBot {
    margin: 10px 0
}

.NavFO {
    padding: 20px 5%
}

.NavFO-title {
    margin: 0;
    padding: 0 0 20px
}

@media (max-width: 989px) {
    .NavFO-title {
        text-align:center
    }
}

.NavFO-list {
    margin: 0;
    padding: 0;
    font-size: 0;
    letter-spacing: -.31em;
    word-spacing: -0.43em;
    text-rendering: optimizespeed
}

.NavFO-item {
    display: inline-block;
    width: 33.3333333%;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 12px;
    font-family: var(--msl-fontFamily-body)
}

@media (max-width: 649px) {
    .NavFO-item {
        display:block;
        width: 100%;
        margin: 2px 0 0
    }
}

.NavFO-itemLink {
    display: block;
    margin: 0 1px;
    text-align: center;
    line-height: 60px
}

.NavFO-itemLink,.NavFO-itemLink:hover {
    text-decoration: none
}

.Template-backgroundBrandGray01 .NavFO-itemLink {
    background: var(--msl-artwork-grey-0)
}

.Template-backgroundBrandGray01 .NavFO-itemLink:hover {
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

@media print {
    .NavFO-list {
        display: none
    }
}

.Essential {
    padding: 20px 5% 0;
    width: 100%
}

.Essential-mainTitleDiv {
    display: table;
    width: 100%;
    background-color: var(--msl-brand-primary)
}

.Essential-mainTitle {
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    padding: 10px 5%;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700)
}

.Essential-content {
    background-color: var(--msl-artwork-grey-50);
    padding: 20px 5%
}

.Essential-content a:active {
    color: var(--msl-text-primary-pressed)
}

.Essential-content a:hover {
    color: var(--msl-text-primary-hover)
}

.Essential-text {
    font-weight: var(--msl-fontWeight-400);
    padding: 5px 0
}

.Essential-list {
    padding-left: var(--msl-spacing-200);
    font-weight: var(--msl-fontWeight-400)
}

.Essential-listItem {
    padding-top: 2px;
    padding-bottom: 2px
}

.Essential-comment {
    color: var(--msl-artwork-grey-600);
    font-weight: var(--msl-fontWeight-400);
    padding: 5px 0
}

.Essential-commentNoPad {
    padding-top: 0;
    padding-bottom: 0
}

.Essential-contentSecondPart {
    padding-top: 8.5px
}

.Chapters {
    padding: 0 5% 2.5%
}

.Chapters-title {
    margin: 0;
    text-align: center
}

.Chapters-content {
    position: relative
}

.Chapters-gutterSizer {
    width: 1%
}

.Chapters-item-sizer {
    width: -webkit-calc(1/3 * 100% - 1%);
    width: calc(1/3 * 100% - 1%)
}

@media (max-width: 989px) {
    .Chapters-item-sizer {
        width:48%
    }
}

.Chapters-item {
    display: inline-block;
    width: -webkit-calc(1/3 * 100% - 1%);
    width: calc(1/3 * 100% - 1%);
    padding: 2%;
    font-weight: var(--msl-fontWeight-400);
    background-color: var(--msl-artwork-grey-50);
    margin-bottom: 1%
}

.Chapters-item .h2,.Chapters-item .h3,.Chapters-item .h4,.Chapters-item .h5,.Chapters-item .h6,.Chapters-item h2,.Chapters-item h3,.Chapters-item h4,.Chapters-item h5,.Chapters-item h6 {
    color: #19212d
}

.Chapters-item .text>.js-maxlines-content>:first-child,.Chapters-item .text>:first-child {
    margin-top: 0
}

.Chapters-item .text>.js-maxlines-content>:last-child,.Chapters-item .text>:last-child {
    margin-bottom: 0
}

.Chapters-item caption {
    background: 0 0;
    color: var(--msl-brand-primary)
}

@media (max-width: 989px) {
    .Chapters-item {
        width:48%
    }
}

@media (max-width: 649px) {
    .Chapters-item {
        width:100%;
        margin: 0 0 15px;
        padding: 4%
    }
}

.Chapters-item--width2 {
    width: -webkit-calc(2/3 * 100% - 1%);
    width: calc(2/3 * 100% - 1%)
}

@media (max-width: 989px) {
    .Chapters-item--width2 {
        width:100%
    }
}

.Chapters-specific {
    font-style: italic;
    color: var(--msl-artwork-grey-600)
}

.Accordions {
    padding: 0 5% 4%;
    overflow: hidden
}

@media (max-width: 989px) {
    .Accordions .npc-msl-collapse {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: var(--msl-spacing-50)
    }
}

.Accordions .AccordionSteps {
    margin: 0 0 15px
}

.Accordions .AccordionSteps:focus-within .npc-msl-collapse-item-header {
    min-height: 68px
}

.Accordions .AccordionSteps:focus-within .npc-msl-collapse-item-header .option1Titre>div,.Accordions .AccordionSteps:focus-within .npc-msl-collapse-item-header .option2Titre>div {
    outline: 0
}

@media (min-width: 990px) {
    .Accordions .AccordionSteps {
        width:49%;
        margin: 0 .5% 1%
    }
}

.Accordions .AccordionSteps.npc-msl-collapse-item {
    max-height: 72px
}

.Accordions .AccordionSteps .npc-msl-collapse-item-header {
    background: var(--msl-artwork-grey-50)
}

.Accordions .AccordionSteps .npc-msl-collapse-item-header:focus {
    border-radius: var(--msl-spacing-150)
}

.Accordions .AccordionSteps.collapse-expended {
    max-height: unset
}

@media (max-width: 989px) {
    .Accordions .AccordionSteps {
        margin:0
    }

    .Accordions .AccordionSteps:last-child {
        margin: 0 0 15px
    }
}

.Accordions .AccordionSteps-content {
    background: 0 0
}

.Accordions .AccordionSteps-header,.Accordions .AccordionSteps-main {
    background: var(--msl-artwork-grey-50);
    position: relative
}

.Accordions .AccordionSteps-main {
    padding: 0 25px;
    border-radius: 0 0 var(--msl-borderRadius-50) var(--msl-borderRadius-50)
}

.Accordions-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.AccordionSteps--spaced .AccordionSteps-content {
    margin-bottom: 12px
}

.lorem1,.lorem2 {
    float: left;
    width: 45%
}

@media (max-width: 989px) {
    .AccordionSteps--spacedSmXs .AccordionSteps-content {
        margin-bottom:12px
    }
}

.LegalNotice {
    width: 100%;
    padding: var(--msl-spacing-500) 0
}

.LegalNotice--grayBg {
    background-color: var(--msl-artwork-grey-50)
}

.LegalNotice-title {
    text-align: center;
    padding: 0 0 var(--msl-spacing-500) 0;
    margin: 0;
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.LegalNotice-textWrapper {
    padding: 0 12%
}

.LegalNotice-text {
    font-weight: var(--msl-fontWeight-400)
}

@media screen and (max-width: 989px) {
    .LegalNotice-textWrapper {
        padding:0 5%
    }
}

.Modules {
    padding: 14px 5% 20px;
    font-family: var(--msl-fontFamily-body);
    font-weight: var(--msl-fontWeight-400);
    overflow: hidden
}

.Modules-cellWrapper:hover a {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.Modules-cell {
    float: left;
    position: relative;
    width: 32%;
    margin: 6px 0;
    height: 75px;
    background-color: var(--msl-artwork-grey-50);
    text-align: center;
    border-radius: 3px;
    overflow: hidden
}

.Modules-cell:hover {
    background-color: var(--msl-brand-secondary-400)
}

.Modules-cellText {
    width: 50%;
    margin: 0 25%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.Modules-cell--specialMargin {
    margin-right: 2%;
    margin-left: 2%
}

.Modules-anchor {
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.Modules-anchor:hover {
    text-decoration: none
}

@media screen and (max-width: 649px) {
    .Modules-cell {
        width:100%
    }

    .Modules-cell--specialMargin {
        margin-left: 0;
        margin-right: 0
    }
}

.FindAgency {
    margin-top: 30px
}

.FindAgency-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    border-radius: var(--msl-borderRadius-150)
}

.FindAgency-containerTable {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

.FindAgency-topBloc .panel.panel-primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.FindAgency-topBloc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 30px 15%;
    background-color: var(--msl-brand-primary)
}

.FindAgency-topBloc .btn-default {
    margin-bottom: 0
}

.FindAgency-flexAlign {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.FindAgency-bottomBloc {
    padding: 30px 5%;
    background-color: var(--msl-brand-secondary-500)
}

.FindAgency-bottomBloc .btn-default:hover {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-brand-primary)
}

.FindAgency-text {
    color: var(--msl-artwork-grey-0);
    margin: var(--msl-spacing-200) 0
}

.FindAgency-title {
    text-transform: uppercase;
    color: var(--msl-artwork-grey-0);
    margin-bottom: 30px
}

.FindAgency-contentBtn {
    margin-top: 10px
}

.FindAgency-contentBtn--PadLR {
    padding-right: var(--msl-spacing-500);
    padding-left: var(--msl-spacing-500);
    margin-bottom: 0;
    border: 2px solid transparent!important
}

button.btn.btn-default.FindAgency-contentBtn--PadLR.FindAgency--contentBtn--white.searchByLocation:focus {
    border: 2px solid var(--msl-brand-primary)!important;
    outline: solid 2px var(--msl-functionnal-information-100)
}

.FindAgency--contentBtn--white {
    background-color: var(--msl-artwork-grey-0);
    color: var(--msl-brand-primary)
}

.FindAgency--contentBtn--white:active,.FindAgency--contentBtn--white:focus,.FindAgency--contentBtn--white:hover,.FindAgency--contentBtn--white:visited {
    background-color: var(--msl-artwork-grey-50);
    color: var(--msl-brand-primary)
}

.FindAgency--icon {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-right: 10px;
    margin-top: -4px
}

.FindAgency-link {
    padding-top: 18px
}

.FindAgency-link a {
    color: #fff
}

.FindAgency-link a:hover {
    text-decoration: none
}

.FindAgency-content--bgc {
    background-color: var(--msl-brand-primary)
}

.FindAgency--arrowBox {
    position: relative;
    margin: 30px -15px 0;
    padding: 0 15px;
    text-align: center;
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.FindAgency--arrowBox::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -48px;
    margin-left: -25px;
    border-width: 25px;
    border-style: solid;
    border-color: transparent transparent var(--msl-brand-primary)
}

.FindAgency-table {
    display: table;
    width: 100%;
    height: 150px
}

.FindAgency-table2 {
    display: table;
    margin: 0;
    padding: 0
}

.FindAgency-tableCell {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 10px
}

.FindAgency-inputWidth {
    width: 220px
}

.FindAgency--noMargin {
    margin-top: 0
}

.FindAgency--noPad {
    padding: 0
}

.FindAgency--pad {
    padding-left: 120px;
    padding-right: 80px
}

@media screen and (max-width: 649px) {
    .FindAgency-contentBtn--PadLR {
        padding-right:30px;
        padding-left: 30px
    }
}

.FindAgency--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto 50px;
    padding: 0 15px;
    position: relative
}

.FindAgency--inline:after {
    background-color: var(--msl-brand-primary);
    width: 200%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '\a';
    z-index: -1
}

@media (min-width: 650px) {
    .FindAgency--inline {
        width:750px
    }
}

@media (min-width: 990px) {
    .FindAgency--inline {
        width:970px
    }
}

@media (min-width: 1170px) {
    .FindAgency--inline {
        width:1170px
    }
}

.FindAgency-Finder {
    -webkit-box-flex: .8;
    -webkit-flex: .8;
    flex: .8;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-right: var(--msl-spacing-500)
}

.FindAgency-Finder .dropdown-toggle.bs-placeholder {
    color: var(--msl-artwork-grey-600)
}

.FindAgency-Finder .dropdown-toggle.bs-placeholder:hover {
    background: var(--msl-artwork-grey-100)
}

.FindAgency-Finder .dropdown-toggle.bs-placeholder:active {
    color: var(--msl-artwork-grey-900)
}

.FindAgency-FinderInput,.FindAgency-FinderSelect,.FindAgency-FinderSubmit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.FindAgency-FinderText {
    margin: 0 10px
}

.FindAgency-Geoloc {
    -webkit-box-flex: .2;
    -webkit-flex: .2;
    flex: .2;
    height: 100%;
    background-color: var(--msl-brand-secondary-500);
    padding: var(--msl-spacing-500)
}

.searchByAddress {
    background-color: var(--msl-artwork-grey-0)!important;
    color: var(--msl-artwork-grey-500)!important;
    border: 2px solid transparent!important
}

.searchByAddress:enabled {
    color: var(--msl-brand-primary)!important
}

.searchByAddress:focus {
    border: 2px solid var(--msl-brand-primary)!important;
    outline: 2px var(--msl-functionnal-information-100) solid!important
}

.searchByLocation {
    border: 2px solid transparent!important
}

.searchByLocation:focus {
    border: 2px solid var(--msl-brand-secondary-500)!important;
    outline: 2px var(--msl-functionnal-information-100) solid!important
}

.searchByLocation:enabled {
    color: var(--msl-brand-primary)!important
}

.pull-left {
    font-weight: var(--msl-fontWeight-400)
}

div.FindAgency-topBloc>div.row>div>div>button {
    border-radius: var(--msl-borderRadius-150)
}

@media (max-width: 650px) {
    h2.GeolocationDisabled-title {
        font-size:var(--msl-fontSize-24);
        margin-top: 0;
        margin-bottom: var(--msl-spacing-300)
    }
}

.HeaderP400 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

@media (max-width: 989px) {
    .HeaderP400 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .HeaderP400 .HeaderLogged-logo {
        padding-left: 10px;
        padding-right: 74px
    }
}

.ES-card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0;
    padding: 0 5%
}

@media (min-width: 990px) {
    .ES-card-container {
        margin:20px auto
    }
}

@media (max-width: 649px) {
    .ES-card-container {
        padding:0 7%
    }
}

.ES-card-container .ES-card {
    margin: 5px;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px)
}

@media (min-width: 650px) {
    .ES-card-container .ES-card {
        width:-webkit-calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

@media (min-width: 990px) {
    .ES-card-container .ES-card {
        width:-webkit-calc(100% / 3 - 10px);
        width: calc(100% / 3 - 10px)
    }
}

.ES-card {
    background: var(--msl-artwork-grey-0);
    position: relative;
    padding: 2rem
}

.ES-card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ES-card--c502 .ES-card-content,.ES-card--c502 .ES-card-content~.ES-card-focus {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-bottom: 3rem
}

.ES-card--c505 .ES-card-content,.ES-card--c505 .ES-card-content~.ES-card-focus {
    padding-bottom: 5rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.ES-card--c505 .ES-card-content {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    justify-content: initial
}

.ES-card-imageWrapper img {
    max-width: 100%;
    height: 200px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: auto
}

.ES-card--c505 .ES-card-imageWrapper img {
    display: block;
    margin: 2rem auto 0;
    width: auto;
    height: 150px;
    max-width: 100%
}

.ES-card-TitleContainer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline-block
}

.ES-card-focus-title,.ES-card-title {
    color: #19212d;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase
}

.ES-card-text {
    text-align: center
}

.ES-card-action {
    position: absolute;
    bottom: 2rem;
    right: 2rem
}

.ES-card-action,.ES-card-action:focus,.ES-card-action:hover {
    text-decoration: none
}

.ES-card-action:before {
    background: var(--msl-brand-secondary-400);
    border-radius: 50%;
    color: var(--msl-artwork-grey-0);
    cursor: pointer;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    height: 30px;
    text-align: center;
    width: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ES-card-action:focus:before {
    background: #296f65
}

.ES-card--c502 .ES-card-action:before {
    content: '+'
}

.ES-card--c502 .ES-card-content.hidden~.ES-card-action:before {
    background: var(--msl-brand-secondary-500);
    content: '-';
    line-height: 1.5
}

.ES-card--c502 .ES-card-content.hidden~.ES-card-action:focus:before {
    background: var(--msl-brand-secondary-500)
}

.ES-card--c503 .ES-card-action:before {
    content: '>'
}

.ES-card--c505 .ES-card-action {
    left: 2rem;
    margin: 1rem auto;
    right: 2rem;
    width: 30px
}

.ES-card--c505 .ES-card-action:before {
    content: '+'
}

.ES-card--c505 .ES-card-content.hidden~.ES-card-action:before {
    background: var(--msl-brand-secondary-500);
    content: '-';
    line-height: 1.5
}

.ES-card-focus {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ES-card-focus-desc {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.ES-card--c505 .ES-card-focus-desc {
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

.ES-card-focus-desc--ellipsis {
    position: relative;
    overflow: hidden;
    margin-bottom: 3px
}

.ES-card-focus-desc--ellipsis:after {
    z-index: 1;
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(var(--msl-artwork-grey-0)));
    background: -webkit-linear-gradient(rgba(255,255,255,0),var(--msl-artwork-grey-0));
    background: linear-gradient(rgba(255,255,255,0),var(--msl-artwork-grey-0))
}

.ES-card-focus-desc+.readmore {
    display: none;
    margin-bottom: var(--msl-spacing-500)
}

.ES-card-focus-desc+.readmore.active {
    display: inline-block
}

.ES-card-insert {
    background: var(--msl-artwork-grey-50);
    margin: 20px 0 10px;
    padding: 1rem;
    border-radius: var(--msl-borderRadius-50);
    text-align: center
}

.ES-card-insert-title {
    color: var(--msl-brand-primary);
    text-transform: uppercase;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.ES-card-insert-pricing {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.ES-card-insert-pricing strong {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

.ES-card-insert-info {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic
}

.ES-card-focus-info {
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin: auto 0 20px;
    text-align: center
}

.ES-card-focus-info a {
    display: block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.ES-card-focus-mention {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic;
    margin: 0;
    padding: 0 3.5rem;
    text-align: center
}

.ES-card-localisation {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    margin: 10px 0 0;
    text-align: center;
    text-transform: uppercase
}

.ES-card-localisation+.ES-card-title {
    margin: 10px 0 0
}

.ES-card-publication {
    margin: auto 0 0;
    padding: var(--msl-spacing-500) 3rem 6px 0
}

.ES-card-focus-list {
    margin: 10px 20px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

.ES-card-focus-list-item {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    list-style-type: none;
    padding: 0 0 1rem 2rem;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

.ES-card-focus-list-item:before {
    content: "";
    color: var(--msl-brand-secondary-400);
    left: 0;
    position: absolute;
    top: 0;
    font-size: var(--msl-fontSize-18)
}

.ES-card-focus-link {
    color: var(--msl-brand-primary);
    display: inline-block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin: 20px auto;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

.ES-actors {
    margin: 0 0 50px;
    padding: 0 5%
}

.ES-actors-title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: 30px;
    margin-bottom: 15px
}

.ES-actors .ES-actors-title {
    margin-top: 0
}

.ES-actors-header {
    background: var(--msl-artwork-grey-50);
    margin: 0 0 5px;
    padding: 25px;
    text-align: center
}

.ES-actors-header img {
    border-radius: 50%;
    display: block;
    height: 60px;
    margin: 0 auto 10px;
    width: 60px
}

.ES-actors-header-name {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1
}

.ES-actors-header-name:after,.ES-actors-header-name:before {
    background-color: var(--msl-artwork-grey-100);
    content: '';
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 51%;
    width: 48%
}

.ES-actors-header-name:before {
    margin-left: -50%;
    text-align: right
}

.ES-actors-header-name:after {
    margin-left: 2%
}

.ES-actors-header-job {
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    margin: 10px 0 0;
    text-transform: uppercase
}

.ES-actors-content {
    background: var(--msl-artwork-grey-50);
    padding: 1rem
}

.ES-actors-content-title {
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    margin: 10px 0;
    text-transform: uppercase;
    text-align: center
}

.ES-actors-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 1rem 0 0
}

.ES-actors-list-item {
    padding: 0 1rem 1rem;
    position: relative
}

.ES-actors-list-item:before {
    border-left: 1px solid var(--msl-artwork-grey-100);
    bottom: 1rem;
    content: '';
    position: absolute;
    right: 0;
    top: 0
}

.ES-actors-list-item:last-child:before {
    border: none
}

@media (max-width: 650px) {
    .ES-actors-list-item {
        width:50%
    }

    .ES-actors-list-item:nth-child(2n):before {
        border: none
    }
}

@media (min-width: 650px) {
    .ES-actors-list-item {
        width:-webkit-calc(100% / 3);
        width: calc(100% / 3)
    }

    .ES-actors-list-item:nth-child(3n):before {
        border: none
    }
}

.ES-actors-list-item-job,.ES-actors-list-item-name {
    margin: 0
}

.ES-actors-list-item-job {
    text-transform: uppercase
}

.ES-actors-content--simple .ES-actors-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ES-actors-content--simple .ES-actors-list-item-name {
    margin: 0 1rem 1rem
}

.PopupSynthesis {
    padding: var(--msl-spacing-300) var(--msl-spacing-100) var(--msl-spacing-100) var(--msl-spacing-100);
    position: relative
}

.PopupSynthesis-close {
    position: absolute;
    top: 12px;
    right: -4px
}

.PopupSynthesis-close .npc-add {
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-decoration: none
}

.PopupSynthesis-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: var(--msl-spacing-200) var(--msl-spacing-200) var(--msl-spacing-200) var(--msl-spacing-100);
    margin: 0;
    background-color: var(--msl-artwork-grey-50);
    text-decoration: none
}

.PopupSynthesis-body:hover {
    text-decoration: none
}

.PopupSynthesis-partLeft {
    padding-top: var(--msl-spacing-100);
    padding-bottom: var(--msl-spacing-100);
    padding-right: var(--msl-spacing-100)
}

.PopupSynthesis-partRight {
    padding-left: var(--msl-spacing-100);
    width: 100%;
    text-decoration: none
}

.PopupSynthesis-partRight:hover {
    text-decoration: none
}

.PopupSynthesis-icon {
    min-width: 49px;
    height: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: url("./clientlib-resources/resources/images/c507/var(--icon-commentaire)")
}

.PopupSynthesis-title {
    color: var(--msl-brand-secondary-500);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-18);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: var(--msl-spacing-50);
    text-decoration: none
}

.PopupSynthesis-title:hover {
    text-decoration: none
}

.PopupSynthesis-text {
    padding-top: var(--msl-spacing-50);
    color: var(--msl-artwork-grey-900);
    font-family: var(--msl-fontFamily-body);
    line-height: 16px;
    font-size: var(--msl-fontSize-12);
    text-decoration: none
}

.PopupSynthesis-text:hover {
    text-decoration: none
}

.PushCommunication {
    position: relative;
    width: 100%;
    padding: 0 5vw;
    background: var(--msl-brand-primary) no-repeat 50% 50%;
    background-size: cover
}

@media (max-width: 989px) {
    .PushCommunication {
        min-height:340px
    }
}

.PushCommunication-zoning {
    position: absolute;
    padding: 35px 0;
    min-height: 300px;
    outline: 0
}

.PushCommunication-zoning .h1:first-child,.PushCommunication-zoning .h2:first-child {
    margin-top: 0
}

.PushCommunication-zoning .btn {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 160px
}

.PushCommunication-zoning--center {
    top: 50%;
    left: 5vw;
    right: 5vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushCommunication-zoning--center .PushCommunication-text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px)
}

@media (max-width: 649px) {
    .PushCommunication-zoning--leftBottom,.PushCommunication-zoning--leftCenter {
        right:7vw;
        left: 7vw
    }
}

@media (min-width: 650px) {
    .PushCommunication-zoning--leftBottom,.PushCommunication-zoning--leftCenter {
        left:5vw;
        width: 50%;
        min-width: 305px
    }
}

.PushCommunication-zoning--leftCenter {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushCommunication-zoning--leftBottom {
    bottom: 10%
}

.PushCommunication-zoning--primary,.PushCommunication-zoning--primary .h1,.PushCommunication-zoning--transparent,.PushCommunication-zoning--transparent .h1 {
    color: var(--msl-artwork-grey-0)
}

.PushCommunication-zoning--transparent {
    padding: var(--msl-spacing-500)
}

.PushCommunication-zoning--primary {
    padding: var(--msl-spacing-500);
    background: var(--msl-brand-primary)
}

.PushCommunication-zoning--white {
    padding: var(--msl-spacing-500);
    background: var(--msl-artwork-grey-0)
}

.PushCommunication-sticky {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 1;
    padding: 7px 25px;
    color: var(--msl-artwork-grey-0);
    font: var(--msl-fontWeight-600) 12px/1.25 var(--msl-fontFamily-body);
    text-transform: uppercase;
    background: var(--msl-brand-secondary-400);
    border-radius: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.PushCommunication-text {
    position: absolute;
    width: 50%;
    min-width: 235px
}

.PushCommunication-text--middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushCommunication-text--top {
    top: 5%
}

.PushCommunication-text--bottom {
    bottom: 10%
}

.PushCommunication-btn {
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500);
    max-width: 100%;
    white-space: normal
}

.PushCommunication-btn--bottomLeft,.PushCommunication-btn--bottomMiddle,.PushCommunication-btn--bottomRight,.PushCommunication-btn--middleLeft,.PushCommunication-btn--middleMiddle,.PushCommunication-btn--middleRight,.PushCommunication-btn--topLeft,.PushCommunication-btn--topMiddle,.PushCommunication-btn--topRight {
    position: absolute
}

.PushCommunication-btn--topLeft,.PushCommunication-btn--topMiddle,.PushCommunication-btn--topRight {
    top: 7%
}

.PushCommunication-btn--middleLeft,.PushCommunication-btn--middleMiddle,.PushCommunication-btn--middleRight {
    top: 50%
}

.PushCommunication-btn--bottomLeft,.PushCommunication-btn--bottomMiddle,.PushCommunication-btn--bottomRight {
    bottom: 7%
}

.PushCommunication-btn--bottomLeft,.PushCommunication-btn--middleLeft,.PushCommunication-btn--topLeft {
    left: 40px
}

.PushCommunication-btn--bottomMiddle,.PushCommunication-btn--middleMiddle,.PushCommunication-btn--topMiddle {
    left: 50%
}

.PushCommunication-btn--bottomRight,.PushCommunication-btn--middleRight,.PushCommunication-btn--topRight {
    right: 40px
}

.PushCommunication-btn--topMiddle {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.PushCommunication-btn--middleLeft {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushCommunication-btn--middleMiddle {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.PushCommunication-btn--middleRight {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PushCommunication-btn--bottomMiddle {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[data-custom-redirect] .PushCommunication-sticky a,[data-custom-redirect] .PushCommunication-sticky a:focus,[data-custom-redirect] .PushCommunication-sticky a:hover,[data-custom-redirect] .PushCommunication-text a,[data-custom-redirect] .PushCommunication-text a:focus,[data-custom-redirect] .PushCommunication-text a:hover {
    color: inherit;
    text-decoration: none
}

.Etapier-intro,.Etapier-slide {
    background: var(--msl-artwork-grey-0);
    padding: 25px var(--msl-spacing-500)
}

.Etapier-intro {
    margin-bottom: 1px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center
}

.Etapier-intro p:last-child {
    margin-bottom: 0
}

.Etapier-slider .owl-stage-outer {
    overflow: hidden
}

.Etapier-slider .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.Etapier-slider .owl-stage .Etapier-slide {
    height: 100%
}

.Etapier-slider .owl-next,.Etapier-slider .owl-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: var(--msl-artwork-grey-0);
    cursor: pointer;
    background: 0 0;
    border: none
}

.Etapier-slider .owl-next.disabled,.Etapier-slider .owl-prev.disabled {
    opacity: .5;
    cursor: not-allowed
}

.Etapier-slider .owl-prev {
    left: -30px
}

@media (max-width: 649px) {
    .Etapier-slider .owl-prev {
        right:-22px
    }
}

.Etapier-slider .owl-prev:before {
    content: ""
}

.Etapier-slider .owl-next {
    right: -30px
}

@media (max-width: 649px) {
    .Etapier-slider .owl-next {
        right:-22px
    }
}

.Etapier-slider .owl-next:before {
    content: ""
}

.Etapier-slider .owl-dots {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 15px;
    text-align: center
}

.Etapier-slider .owl-dot {
    display: inline-block;
    margin: 2px;
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
    background: 0 0;
    border: none
}

.Etapier-slider .owl-dot:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--msl-artwork-grey-0);
    border: solid 1px var(--msl-artwork-grey-0);
    border-radius: 50%
}

.Etapier-slider .owl-dot.active:before {
    background: 0 0
}

.Etapier-slider>.Etapier-slide~.Etapier-slide {
    display: none
}

.Etapier-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px
}

@media print {
    .Etapier-backgroundWrapper {
        display: none
    }
}

.HeaderVisuel {
    position: relative;
    height: 350px;
    margin-bottom: 15px;
    padding: 250px 15px 20px;
    text-align: center
}

.HeaderVisuel-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--msl-artwork-grey-50) 50% 50% no-repeat;
    background-size: cover
}

.HeaderVisuel-button {
    position: relative
}

.HeaderVisuel--habillage {
    height: 150px
}

.PushLeftZone-articleHead {
    margin: 0;
    padding: 5px var(--msl-spacing-500) 10px 0
}

.PushLeftZone-articleTitle {
    margin: 0;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.PushLeftZone-articleTitle>a {
    text-decoration: none
}

.PushLeftZone-articleTitle>a:before {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.PushLeftZone-articleIcon {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-secondary-400)
}

@media (max-width: 989px) {
    .PushLeftZone-articleIcon {
        font-size:var(--msl-fontSize-34)
    }
}

.PushLeftZone-articleMeta {
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.PushLeftZone-articleText {
    font-weight: var(--msl-fontWeight-400)
}

.PushLeftZone-articleText a {
    font-weight: var(--msl-fontWeight-600)
}

.CustomMessage {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    color: var(--msl-artwork-grey-0);
    padding: 10% 7%
}

.CustomMessage .texte.section {
    padding: 0
}

@media (min-width: 650px) {
    .CustomMessage {
        padding:10% 5%
    }
}

.CustomMessage-iconAndMessage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 50px
}

.CustomMessage-iconWrapper {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 35px 45px 0 0;
    padding: 10px;
    width: 70px;
    height: 70px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    background: var(--msl-artwork-grey-0);
    border-radius: 50%
}

.CustomMessage-icon {
    max-width: 100%;
    max-height: 100%
}

.CustomMessage-messageWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    min-height: 100px;
    padding: 15px var(--msl-spacing-500);
    background: var(--msl-brand-secondary-500);
    border-radius: 20px;
    width: 100%
}

.CustomMessage-messageWrapper:before {
    content: '';
    position: absolute;
    top: 40px;
    right: 100%;
    border: 12px solid transparent;
    border-right-color: var(--msl-brand-secondary-500);
    border-bottom-color: var(--msl-brand-secondary-500)
}

.CustomMessage-message {
    width: 100%;
    font: 100 20px/1.6 var(--msl-fontFamily-body)
}

.CustomMessage-text {
    margin: 0;
    font-weight: var(--msl-fontWeight-400)
}

.CustomMessage-text :first-child {
    margin-top: 0
}

.CustomMessage-text :last-child {
    margin-bottom: 0
}

.CustomMessage-text .h2,.CustomMessage-text h2 {
    font-weight: var(--msl-fontWeight-400);
    text-transform: none
}

.CustomMessage-actions {
    margin-top: 50px
}

.CustomMessage-btn {
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width: 649px) {
    .CustomMessage-iconWrapper {
        width:50px;
        height: 50px;
        margin-right: 25px;
        padding: 7px;
        line-height: 36px
    }

    .CustomMessage-messageWrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .CustomMessage-messageWrapper:before {
        border-width: 8px
    }

    .CustomMessage-message {
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

.PushDidYouKnow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    align-items: flex-end!important;
    position: relative;
    padding: 10% 7vw;
    background: var(--msl-brand-primary)
}

@media (min-width: 650px) {
    .PushDidYouKnow {
        padding:10% 5vw
    }
}

@media (max-width: 989px) {
    .PushDidYouKnow {
        min-height:350px
    }
}

.PushDidYouKnow-background,.PushDidYouKnow-backgroundWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.PushDidYouKnow-backgroundWrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--msl-artwork-grey-1000);
    opacity: .3
}

.PushDidYouKnow-background {
    opacity: .5;
    background-size: cover
}

.backgroundblendmode .PushDidYouKnow-background {
    opacity: 1;
    background-blend-mode: soft-light;
    background-color: var(--msl-brand-primary)
}

.PushDidYouKnow-main {
    position: relative;
    width: 100%
}

.PushDidYouKnow-content {
    position: absolute;
    bottom: 10%;
    width: 100%;
    padding: 25px 30px;
    background: var(--msl-artwork-grey-0)
}

@media (max-width: 649px) {
    .PushDidYouKnow-content {
        position:relative
    }
}

.PushDidYouKnow-sticky {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 1;
    padding: 7px 25px;
    line-height: 1.25;
    text-transform: uppercase;
    background: var(--msl-brand-secondary-400);
    border-radius: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--msl-artwork-grey-0)
}

.PushDidYouKnow-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

@media (min-width: 650px) and (max-width:989px) {
    .PushDidYouKnow-desc {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: space-between;
        align-content: space-between;
        height: 130px
    }
}

.PushDidYouKnow-descTitle {
    width: 75%;
    font: 16px/1.4 var(--msl-fontFamily-body);
    color: var(--msl-brand-primary)
}

@media (min-width: 650px) {
    .PushDidYouKnow-descTitle {
        width:75%;
        margin-bottom: 10px;
        font-size: var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (min-width: 990px) {
    .PushDidYouKnow-descTitle {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        order: 1;
        width: 100%;
        max-width: none;
        margin-bottom: 17px;
        text-align: center
    }
}

.PushDidYouKnow-descTitle p {
    margin: 0
}

.PushDidYouKnow-descTitle b,.PushDidYouKnow-descTitle strong {
    font-family: var(--msl-fontFamily-body);
    border-bottom: 1px dashed var(--msl-brand-primary)
}

.PushDidYouKnow-descChart {
    width: 25%
}

@media (min-width: 650px) {
    .PushDidYouKnow-descChart {
        height:100%;
        width: auto;
        max-width: 25%
    }
}

.PushDidYouKnow-descChart img {
    max-width: 100%;
    max-height: 100%
}

.PushDidYouKnow-noChart {
    height: 84px;
    width: 84px;
    background-color: var(--msl-brand-primary)
}

@media (max-width: 989px) {
    .PushDidYouKnow-noChart {
        height:130px;
        width: 130px
    }
}

@media (max-width: 649px) {
    .PushDidYouKnow-noChart {
        height:120px;
        width: 120px
    }
}

.PushDidYouKnow-descText {
    margin-top: 17px;
    font-weight: var(--msl-fontWeight-400)
}

@media (min-width: 650px) {
    .PushDidYouKnow-descText {
        width:75%;
        margin-top: 0
    }
}

.PushDidYouKnow-descText p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

@media (max-width: 989px) {
    .PushDidYouKnow-desc--right .PushDidYouKnow-descTitle {
        padding-left:30px
    }
}

@media (max-width: 649px) {
    .PushDidYouKnow-desc--right .PushDidYouKnow-descTitle {
        padding-left:25px
    }
}

@media (min-width: 990px) {
    .PushDidYouKnow-desc--right .PushDidYouKnow-descChart {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        order: 2
    }
}

@media (min-width: 650px) {
    .PushDidYouKnow-desc--right .PushDidYouKnow-descText {
        padding-left:30px
    }
}

@media (min-width: 990px) {
    .PushDidYouKnow-desc--right .PushDidYouKnow-descText {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        order: 3
    }
}

@media (max-width: 649px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descTitle {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        order: 1;
        padding-right: 25px
    }
}

@media (min-width: 650px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descTitle {
        padding-right:30px
    }
}

@media (min-width: 990px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descTitle {
        padding-right:0
    }
}

@media (max-width: 649px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descChart {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        order: 2
    }
}

@media (min-width: 650px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descChart {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        order: 3;
        margin-left: auto
    }
}

@media (max-width: 649px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descText {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        order: 3
    }
}

@media (min-width: 650px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descText {
        padding-right:30px
    }
}

@media (min-width: 990px) {
    .PushDidYouKnow-desc--left .PushDidYouKnow-descText {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        order: 2
    }
}

.RowControl {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.RowControl>.parsys {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

@media screen and (max-width: 989px) {
    .RowControl>.parsys {
        min-height:200px
    }
}

.RowControl>.parsys:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

@media screen and (max-width: 989px) {
    .RowControl>.parsys:first-child {
        min-height:350px
    }
}

.RowControl>.parsys>.section {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.RowControl>.parsys>.section.ghost+.section {
    margin-top: 0;
    padding-top: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.RowControl>.parsys>.section.ghost,.RowControl>.parsys>.section.new {
    height: 2.8575rem!important;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.RowControl>.parsys .campaign,.RowControl>.parsys .campaign>div:first-child,.RowControl>.parsys .componentZdg,.RowControl>.parsys .parbase {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%
}

.RowControl>.parsys .campaign:first-child,.RowControl>.parsys .campaign>div:first-child:first-child,.RowControl>.parsys .componentZdg:first-child,.RowControl>.parsys .parbase:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.RowControl .PushCarousel3 {
    height: unset
}

.aem-AuthorLayer-Edit .RowControl>.parsys,.aem-AuthorLayer-Preview .RowControl>.parsys {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.aem-AuthorLayer-Edit .RowControl>.parsys>.section,.aem-AuthorLayer-Preview .RowControl>.parsys>.section {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-self: stretch;
    align-self: stretch
}

.aem-AuthorLayer-Edit .RowControl>.parsys>.section.ghost,.aem-AuthorLayer-Edit .RowControl>.parsys>.section.new,.aem-AuthorLayer-Preview .RowControl>.parsys>.section.ghost,.aem-AuthorLayer-Preview .RowControl>.parsys>.section.new {
    height: 2.8575rem!important;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.RowControl--cas_1-3_2-3>.parsys:first-child {
    height: 33.333333%
}

.RowControl--cas_1-3_2-3>.parsys:first-child+.parsys {
    height: 66.666667%
}

.RowControl--cas_2-3_1-3>.parsys:first-child {
    height: 66.666667%
}

.RowControl--cas_2-3_1-3>.parsys:first-child+.parsys {
    height: 33.333333%
}

.RowControl--cas_1-2_2-2>.parsys {
    height: 50%
}

.ColumnControl--casA,.ColumnControl--casA-grey,.ColumnControl--casA-white,.ColumnControl--casB,.ColumnControl--casB-grey,.ColumnControl--casB-white,.ColumnControl--casC,.ColumnControl--casC-grey,.ColumnControl--casC-white,.ColumnControl--casD,.ColumnControl--casD-grey,.ColumnControl--casD-white,.ColumnControl--casE,.ColumnControl--casE-grey,.ColumnControl--casE-white {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ColumnControl--casA-grey:after,.ColumnControl--casA-grey:before,.ColumnControl--casA-white:after,.ColumnControl--casA-white:before,.ColumnControl--casA:after,.ColumnControl--casA:before,.ColumnControl--casB-grey:after,.ColumnControl--casB-grey:before,.ColumnControl--casB-white:after,.ColumnControl--casB-white:before,.ColumnControl--casB:after,.ColumnControl--casB:before,.ColumnControl--casC-grey:after,.ColumnControl--casC-grey:before,.ColumnControl--casC-white:after,.ColumnControl--casC-white:before,.ColumnControl--casC:after,.ColumnControl--casC:before,.ColumnControl--casD-grey:after,.ColumnControl--casD-grey:before,.ColumnControl--casD-white:after,.ColumnControl--casD-white:before,.ColumnControl--casD:after,.ColumnControl--casD:before,.ColumnControl--casE-grey:after,.ColumnControl--casE-grey:before,.ColumnControl--casE-white:after,.ColumnControl--casE-white:before,.ColumnControl--casE:after,.ColumnControl--casE:before {
    content: " ";
    display: table
}

.ColumnControl--casA-grey:after,.ColumnControl--casA-white:after,.ColumnControl--casA:after,.ColumnControl--casB-grey:after,.ColumnControl--casB-white:after,.ColumnControl--casB:after,.ColumnControl--casC-grey:after,.ColumnControl--casC-white:after,.ColumnControl--casC:after,.ColumnControl--casD-grey:after,.ColumnControl--casD-white:after,.ColumnControl--casD:after,.ColumnControl--casE-grey:after,.ColumnControl--casE-white:after,.ColumnControl--casE:after {
    clear: both
}

.ColumnControl--casA .parsys_column,.ColumnControl--casA-grey .parsys_column,.ColumnControl--casA-white .parsys_column,.ColumnControl--casB .parsys_column,.ColumnControl--casB-grey .parsys_column,.ColumnControl--casB-white .parsys_column,.ColumnControl--casC .parsys_column,.ColumnControl--casC-grey .parsys_column,.ColumnControl--casC-white .parsys_column,.ColumnControl--casD .parsys_column,.ColumnControl--casD-grey .parsys_column,.ColumnControl--casD-white .parsys_column,.ColumnControl--casE .parsys_column,.ColumnControl--casE-grey .parsys_column,.ColumnControl--casE-white .parsys_column {
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

@media (max-width: 989px) {
    .ColumnControl--casA,.ColumnControl--casA-grey,.ColumnControl--casA-white,.ColumnControl--casB,.ColumnControl--casB-grey,.ColumnControl--casB-white,.ColumnControl--casC,.ColumnControl--casC-grey,.ColumnControl--casC-white,.ColumnControl--casD,.ColumnControl--casD-grey,.ColumnControl--casD-white,.ColumnControl--casE,.ColumnControl--casE-grey,.ColumnControl--casE-white {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .ColumnControl--casA .parsys_column,.ColumnControl--casA-grey .parsys_column,.ColumnControl--casA-white .parsys_column,.ColumnControl--casB .parsys_column,.ColumnControl--casB-grey .parsys_column,.ColumnControl--casB-white .parsys_column,.ColumnControl--casC .parsys_column,.ColumnControl--casC-grey .parsys_column,.ColumnControl--casC-white .parsys_column,.ColumnControl--casD .parsys_column,.ColumnControl--casD-grey .parsys_column,.ColumnControl--casD-white .parsys_column,.ColumnControl--casE .parsys_column,.ColumnControl--casE-grey .parsys_column,.ColumnControl--casE-white .parsys_column {
        float: none;
        width: 100%
    }

    .ColumnControl--casA .parsys_column:last-child,.ColumnControl--casA-grey .parsys_column:last-child,.ColumnControl--casA-white .parsys_column:last-child,.ColumnControl--casB .parsys_column:last-child,.ColumnControl--casB-grey .parsys_column:last-child,.ColumnControl--casB-white .parsys_column:last-child,.ColumnControl--casC .parsys_column:last-child,.ColumnControl--casC-grey .parsys_column:last-child,.ColumnControl--casC-white .parsys_column:last-child,.ColumnControl--casD .parsys_column:last-child,.ColumnControl--casD-grey .parsys_column:last-child,.ColumnControl--casD-white .parsys_column:last-child,.ColumnControl--casE .parsys_column:last-child,.ColumnControl--casE-grey .parsys_column:last-child,.ColumnControl--casE-white .parsys_column:last-child {
        padding-bottom: 0
    }
}

@media (min-width: 990px) {
    .ColumnControl--casA .parsys_column,.ColumnControl--casA-grey .parsys_column,.ColumnControl--casA-white .parsys_column {
        width:50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 990px) {
    .ColumnControl--casB .parsys_column,.ColumnControl--casB-grey .parsys_column,.ColumnControl--casB-white .parsys_column {
        width:33.333333%
    }
}

@media (min-width: 990px) {
    .ColumnControl--casC .parsys_column:first-child,.ColumnControl--casC-grey .parsys_column:first-child,.ColumnControl--casC-white .parsys_column:first-child {
        width:33.333333%
    }

    .ColumnControl--casC .parsys_column:last-child,.ColumnControl--casC-grey .parsys_column:last-child,.ColumnControl--casC-white .parsys_column:last-child {
        width: 66.666667%;
        -webkit-box-flex: 3;
        -webkit-flex-grow: 3;
        flex-grow: 3
    }
}

@media (min-width: 990px) {
    .ColumnControl--casD .parsys_column:first-child,.ColumnControl--casD-grey .parsys_column:first-child,.ColumnControl--casD-white .parsys_column:first-child {
        width:66.666667%;
        -webkit-box-flex: 3;
        -webkit-flex-grow: 3;
        flex-grow: 3
    }

    .ColumnControl--casD .parsys_column:last-child,.ColumnControl--casD-grey .parsys_column:last-child,.ColumnControl--casD-white .parsys_column:last-child {
        width: 33.333333%
    }
}

@media (min-width: 990px) {
    .ColumnControl--casE .parsys_column,.ColumnControl--casE-grey .parsys_column,.ColumnControl--casE-white .parsys_column {
        width:66.666667%;
        -webkit-box-flex: 3;
        -webkit-flex-grow: 3;
        flex-grow: 3
    }

    .ColumnControl--casE .parsys_column:first-child,.ColumnControl--casE-grey .parsys_column:first-child,.ColumnControl--casE-white .parsys_column:first-child {
        width: 16.5%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0
    }

    .ColumnControl--casE .parsys_column:last-child,.ColumnControl--casE-grey .parsys_column:last-child,.ColumnControl--casE-white .parsys_column:last-child {
        width: 16.5%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0
    }
}

.ColumnControl--casA-c1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ColumnControl--casA-white {
    background-color: var(--msl-artwork-grey-0)
}

.ColumnControl--casA-grey {
    background-color: var(--msl-artwork-grey-50)
}

.ColumnControl--casB-white {
    background-color: var(--msl-artwork-grey-0)
}

.ColumnControl--casB-grey {
    background-color: var(--msl-artwork-grey-50)
}

.ColumnControl--casC-white {
    background-color: var(--msl-artwork-grey-0)
}

.ColumnControl--casC-grey {
    background-color: var(--msl-artwork-grey-50)
}

.ColumnControl--casD-white {
    background-color: var(--msl-artwork-grey-0)
}

.ColumnControl--casD-grey {
    background-color: var(--msl-artwork-grey-50)
}

.ColumnControl--casE-white {
    background-color: var(--msl-artwork-grey-0)
}

.ColumnControl--casE-grey {
    background-color: var(--msl-artwork-grey-50)
}

.Captcha {
    padding: 15px 0
}

.Captcha-title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900);
    text-transform: uppercase;
    text-align: left
}

.Captcha-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 0
}

.Captcha-body input[type=text]:focus,.Captcha-body input[type=text]:focus-visible {
    border-color: transparent!important
}

.Captcha-calcul {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-900);
    padding-right: 10px;
    white-space: nowrap
}

.Captcha-answer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.Captcha-answer .form-group {
    margin-bottom: 0
}

.Captcha-errorMessage {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600);
    background-color: var(--msl-functionnal-danger-50);
    color: var(--msl-functionnal-danger-100);
    padding: 10px 20px;
    border-radius: var(--msl-borderRadius-200);
    text-align: left
}

.simpleAccess {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    min-height: 46px;
    height: 1em;
    padding: 10px 50px 10px 25px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: #19212d;
    text-decoration: none;
    border-radius: var(--msl-borderRadius-100);
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: background 150ms,color 150ms;
    transition: background 150ms,color 150ms
}

.simpleAccess:after {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    font-size: var(--msl-fontSize-11);
    line-height: 1;
    text-align: center;
    color: var(--msl-brand-primary)
}

.simpleAccess:focus,.simpleAccess:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-400);
    text-decoration: none
}

.simpleAccess:focus:after,.simpleAccess:hover:after {
    color: inherit
}

.simpleAccess--primary {
    background: var(--msl-brand-primary)!important;
    color: var(--msl-artwork-grey-0)
}

.simpleAccess--primary:after {
    color: inherit
}

.simpleAccess--primary:focus,.simpleAccess--primary:hover {
    background: var(--msl-brand-secondary-500)!important
}

.simpleAccesses .simpleAccess {
    border-radius: 0;
    margin-bottom: 1px
}

.simpleAccesses .simpleAccess:first-child {
    border-top-left-radius: var(--msl-borderRadius-100);
    border-top-right-radius: var(--msl-borderRadius-100)
}

.simpleAccesses .simpleAccess:last-child {
    border-bottom-left-radius: var(--msl-borderRadius-100);
    border-bottom-right-radius: var(--msl-borderRadius-100);
    margin-bottom: 0
}

.simpleAccesses--double {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.simpleAccesses--double .simpleAccess {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px)
}

.simpleAccesses--double .simpleAccess:first-child,.simpleAccesses--double .simpleAccess:nth-child(2) {
    border-top-left-radius: var(--msl-borderRadius-100);
    border-top-right-radius: var(--msl-borderRadius-100)
}

.simpleAccesses--double .simpleAccess:last-child,.simpleAccesses--double .simpleAccess:nth-last-child(2) {
    border-bottom-left-radius: var(--msl-borderRadius-100);
    border-bottom-right-radius: var(--msl-borderRadius-100);
    margin-bottom: 0
}

@media (min-width: 650px) {
    .simpleAccesses--double-sm {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .simpleAccesses--double-sm .simpleAccess {
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px)
    }

    .simpleAccesses--double-sm .simpleAccess:first-child,.simpleAccesses--double-sm .simpleAccess:nth-child(2) {
        border-top-left-radius: var(--msl-borderRadius-100);
        border-top-right-radius: var(--msl-borderRadius-100)
    }

    .simpleAccesses--double-sm .simpleAccess:last-child,.simpleAccesses--double-sm .simpleAccess:nth-last-child(2) {
        border-bottom-left-radius: var(--msl-borderRadius-100);
        border-bottom-right-radius: var(--msl-borderRadius-100);
        margin-bottom: 0
    }
}

@media (min-width: 990px) {
    .simpleAccesses--double-md {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .simpleAccesses--double-md .simpleAccess {
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px)
    }

    .simpleAccesses--double-md .simpleAccess:first-child,.simpleAccesses--double-md .simpleAccess:nth-child(2) {
        border-top-left-radius: var(--msl-borderRadius-100);
        border-top-right-radius: var(--msl-borderRadius-100)
    }

    .simpleAccesses--double-md .simpleAccess:last-child,.simpleAccesses--double-md .simpleAccess:nth-last-child(2) {
        border-bottom-left-radius: var(--msl-borderRadius-100);
        border-bottom-right-radius: var(--msl-borderRadius-100);
        margin-bottom: 0
    }
}

.simpleAccesses--faq .simpleAccess:after {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-400)
}

.alphabetNav {
    margin: 20px 0
}

.alphabetNav-inner {
    margin: 0 -7px;
    padding: 0 3px;
    font-size: 0;
    line-height: 0;
    max-height: 28px;
    overflow: hidden
}

.alphabetNav-item {
    display: inline-block;
    width: 1em;
    margin: 0 -3px;
    padding: 7px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    text-decoration: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s
}

.alphabetNav-item:focus,.alphabetNav-item:hover {
    text-decoration: none
}

.alphabetNav-item--active {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-700)
}

.alphabetNav-item--active:focus,.alphabetNav-item--active:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-500)
}

.alphabetNav-item--disabled,.alphabetNav-item--disabled:focus,.alphabetNav-item--disabled:hover {
    color: var(--msl-artwork-grey-100);
    background: 0 0;
    cursor: not-allowed
}

.alphabetNav-item--disabled.alphabetNav-item--active,.alphabetNav-item--disabled.alphabetNav-item--active:focus,.alphabetNav-item--disabled.alphabetNav-item--active:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-artwork-grey-100)
}

.alphabetNav-showFull {
    position: relative;
    float: right;
    width: 1em;
    height: 1em;
    margin: 0 -3px;
    padding: 7px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    text-decoration: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 50px
}

.alphabetNav-showFull:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    margin: -.5em;
    font-size: var(--msl-fontSize-14)
}

.alphabetNav-showFull:focus,.alphabetNav-showFull:hover {
    text-decoration: none
}

.alphabetNav-showFull--active {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-artwork-grey-100)
}

.alphabetNav--showFull .alphabetNav-inner {
    max-height: none
}

.alphabetNav--showFull .alphabetNav-showFull {
    display: none
}

.alphabetNav--oneLine .alphabetNav-inner {
    text-align: justify
}

.alphabetNav--oneLine .alphabetNav-inner:after {
    content: '';
    display: inline-block;
    width: 100%
}

.alphabetNav--oneLine .alphabetNav-showFull {
    display: none
}

.alphabetList {
    margin: 20px 0
}

.alphabetList-actions {
    float: right;
    margin-bottom: var(--msl-spacing-200)
}

.alphabetList-action {
    margin-left: 15px
}

.alphabetList-action,.alphabetList-action:focus,.alphabetList-action:hover {
    text-decoration: none
}

.alphabetList-actionText {
    text-decoration: underline;
    font-weight: var(--msl-fontWeight-400)
}

.alphabetList-action--add:before {
    content: "";
    margin: 0 var(--msl-spacing-200) 0 0;
    font-size: 20px;
    text-decoration: none;
    vertical-align: middle;
    border: none;
    padding: 6px;
    background-color: var(--msl-artwork-grey-50);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 1;
    text-align: center;
    color: var(--msl-brand-secondary-500)
}

.alphabetList-action--list:before {
    content: "";
    margin: 0 var(--msl-spacing-200) 0 0;
    font-size: 20px;
    text-decoration: none;
    vertical-align: middle;
    border: none;
    padding: 6px;
    background-color: var(--msl-artwork-grey-50);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 1;
    text-align: center;
    color: var(--msl-brand-secondary-500)
}

.alphabetList-action--import:before {
    content: "";
    margin: 0 7px 0 0;
    color: var(--msl-brand-secondary-400);
    font-size: var(--msl-fontSize-12);
    text-decoration: none;
    vertical-align: middle
}

.alphabetList-title {
    float: left;
    margin: 0 0 15px
}

.alphabetList-section {
    margin-bottom: 20px;
    clear: both
}

.alphabetList-section--hidden {
    display: none
}

.alphabetList-sectionTitle {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary);
    margin-bottom: 10px
}

.alphabetList-sectionList {
    border-radius: var(--msl-borderRadius-150);
    box-shadow: var(--msl-boxShadow-s);
    clear: both
}

.alphabetList-item--hidden {
    display: none
}

.alphabetList-empty {
    display: none
}

.alphabetList--search .alphabetList-section {
    margin-bottom: 0
}

.alphabetList--search .alphabetList-sectionTitle {
    display: none
}

.alphabetList--empty .alphabetList-empty {
    display: block
}

.alphabetList--search .alphabetList-section--filtered .alphabetList-sectionTitle {
    display: block
}

.alphabetList--search .alphabetList-sectionList {
    clear: none
}

.swipableBloc-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 35px;
    color: var(--msl-brand-secondary-400);
    text-decoration: none
}

.swipableBloc-toggle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    font-size: var(--msl-fontSize-24);
    text-align: center
}

.swipableBloc-toggle:focus,.swipableBloc-toggle:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary)!important;
    text-decoration: none
}

.SwipableActions--open .swipableBloc-toggle {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-500)
}

.swipableBloc-actions,.swipableBloc-actions--fill {
    position: absolute;
    top: 0;
    right: 35px;
    bottom: 0;
    z-index: 1;
    background: var(--msl-brand-primary);
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: visibility .3s,-webkit-transform .3s ease-in;
    transition: visibility .3s,-webkit-transform .3s ease-in;
    transition: transform .3s ease-in,visibility .3s;
    transition: transform .3s ease-in,visibility .3s,-webkit-transform .3s ease-in;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: auto
}

.swipableBloc-actions--fill {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px)
}

.swipableBloc-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    height: 100%;
    padding: 0 20px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    text-decoration: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-transform: uppercase;
    color: var(--msl-artwork-grey-0)
}

.swipableBloc-action:before {
    display: block;
    height: 20px;
    line-height: 1;
    margin-bottom: 5px
}

.swipableBloc-action:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 40px;
    margin: -20px 0;
    background: rgba(255,255,255,.5)
}

.swipableBloc-action:first-child:after {
    display: none
}

.transfer.swipableBloc-action:before {
    content: "";
    font-size: var(--msl-fontSize-14)
}

.check.swipableBloc-action:before {
    content: "";
    font-size: var(--msl-fontSize-18)
}

.download.swipableBloc-action:before {
    content: "";
    font-size: var(--msl-fontSize-14)
}

.e-documents.swipableBloc-action:before {
    content: "";
    font-size: 15px
}

.change.swipableBloc-action:before {
    content: "";
    font-size: var(--msl-fontSize-16)
}

.swipableBloc-action:focus,.swipableBloc-action:hover {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-500);
    text-decoration: none
}

.swipableBloc {
    position: relative;
    overflow: hidden;
    margin: 0 0 1px
}

.swipableBloc-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    min-height: 63px;
    padding: 20px 0 20px 2.5vw;
    color: var(--msl-artwork-grey-600);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    background-color: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-150)
}

.swipableBloc-main--fast {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.swipableBloc-left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.swipableBloc-icon {
    float: left;
    min-width: 30px;
    height: 100%;
    margin: -5px 0 -5px -15px;
    padding: 5px 15px 5px 0
}

.swipableBloc-icon.npc-user-group {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-secondary-400)
}

a.swipableBloc-icon {
    text-decoration: none;
    margin: 0 var(--msl-spacing-200) 0 0;
    font-size: 20px;
    text-decoration: none;
    vertical-align: middle;
    border: none;
    padding: 6px;
    background-color: var(--msl-artwork-grey-50);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 1;
    text-align: center
}

a.swipableBloc-icon:focus,a.swipableBloc-icon:hover {
    text-decoration: none
}

.swipableBloc-icon--fav:before {
    content: "";
    font-size: 20px;
    line-height: 1
}

.swipableBloc-icon--fav.swipableBloc-icon--active {
    color: var(--msl-brand-secondary-400)
}

.swipableBloc-icon--fav.swipableBloc-icon--active:before {
    content: ""
}

.swipableBloc-content {
    overflow: hidden;
    margin: 0
}

.swipableBloc-content.checkbox .checkbox-input+.checkbox-label {
    padding-left: 22px
}

.swipableBloc-content.checkbox .checkbox-input+.checkbox-label:after,.swipableBloc-content.checkbox .checkbox-input+.checkbox-label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 10px;
    margin-top: 0
}

.swipableBloc-title {
    color: #19212d;
    text-transform: initial
}

.swipableBloc-text,.swipableBloc-title {
    font-weight: var(--msl-fontWeight-600)
}

.swipableBloc-right {
    margin-right: 35px
}

.swipableBloc-action {
    text-transform: uppercase;
    min-width: 117px
}

.SwipableActions--open .swipableBloc-actions {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.SwipableActions--open .swipableBloc-toggle {
    opacity: 1
}

@media (max-width: 989px) {
    .swipableBloc-icon {
        padding-left:10px
    }
}

@media (max-width: 649px) {
    .swipableBloc-action {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-11);
        font-weight: var(--msl-fontWeight-400);
        min-width: initial;
        padding: 0 10px
    }

    .swipableBloc-action:before {
        height: 16px
    }

    .swipableBloc-icon {
        padding-left: 15px
    }
}

.AgencyAddress {
    display: table;
    width: 100%;
    height: 220px;
    overflow: hidden
}

.AgencyAddress--primary {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.AgencyAddress-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10%
}

.AgencyAddress-title {
    margin: 0
}

.AgencyAddress-subtitle {
    margin-top: 2px;
    margin-bottom: 15px
}

.AgencyAddress-openingHours {
    margin: 15px 0 0
}

.AgencyAddress-link {
    color: var(--msl-artwork-grey-0)
}

.AgencyAddress-link:active,.AgencyAddress-link:focus,.AgencyAddress-link:hover,.AgencyAddress-link:visited {
    color: var(--msl-artwork-grey-0)
}

.AgencyAddress-para {
    font-weight: var(--msl-fontWeight-400)
}

.AgencyAddress-para--gray {
    color: var(--msl-artwork-grey-900)
}

.AgencyAddress-para--padLeft46 {
    padding-left: 46px
}

.AgencyAddress-noMarginBot {
    margin-bottom: 0
}

@media screen and (max-width: 649px) {
    .AgencyAddress-inner--center {
        text-align:center
    }
}

.SituationAnalyze {
    display: table;
    width: 100%;
    height: 220px;
    text-align: center
}

.SituationAnalyze--gray {
    background-color: var(--msl-artwork-grey-50)
}

.SituationAnalyze-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10%
}

.SituationAnalyze-title {
    color: var(--msl-brand-primary);
    margin-bottom: 0
}

.SituationAnalyze-img {
    margin-bottom: 15px
}

.SituationAnalyze-logo {
    width: 35px
}

.SituationAnalyze-para {
    font-weight: var(--msl-fontWeight-400)
}

.SituationAnalyze-para--marginTB {
    margin: 10px 0
}

.SituationAnalyze-para--gray {
    color: var(--msl-artwork-grey-900)
}

.SituationAnalyze-para--padLeft46 {
    padding-left: 46px
}

.SituationAnalyze-noMarginBot {
    margin-bottom: 0
}

.StoreLocatorPopIn-geolocationDisabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    padding: 20px 5%
}

.StoreLocatorPopIn-geolocationDisabled .texte.section {
    padding: 0
}

.StoreLocatorPopIn-geolocationDisabled .parbase,.StoreLocatorPopIn-geolocationDisabled .parsys {
    width: 100%
}

.StoreLocatorPopIn-geolocationDisabled-flexAlign {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.StoreLocatorPopIn-geolocationDisabled-flexAlign .GeolocationDisabled-title {
    margin-top: 0
}

.StoreLocatorPopIn-geolocationDisabled-flexAlign .GeolocationDisabled-btn {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-self: center;
    align-self: center
}

.StoreLocatorPopIn-geolocationEnabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    padding: 20px 5%
}

.StoreLocatorPopIn-geolocationEnabled .texte.section {
    padding: 0
}

.StoreLocatorPopIn-geolocationEnabled .parbase,.StoreLocatorPopIn-geolocationEnabled .parsys {
    width: 100%
}

.StoreLocatorPopIn-geolocationEnabled-flexAlign {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.StoreLocatorPopIn-geolocationEnabled-flexAlign .GeolocationEnabled-title {
    margin-top: 0
}

.StoreLocatorPopIn-geolocationEnabled-flexAlign .GeolocationEnabled-btn {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-self: center;
    align-self: center
}

.StoreLocatorPopIn-geolocationEnabled-flexAlign .GeolocationEnabled-btnWrap>a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.StoreLocatorPopIn-text--marginBot {
    margin-bottom: 3%
}

.PdfViewer {
    position: relative;
    min-height: 300px
}

.PdfViewer-canvasWrapper {
    padding: 0 60px
}

.PdfViewer-canvas {
    display: table;
    max-width: 100%;
    margin: 0 auto
}

.PdfViewer-navLink {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--msl-brand-primary);
    border-radius: 50%
}

.PdfViewer-navLink:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: var(--msl-artwork-grey-0)
}

.PdfViewer-navLink--prev {
    left: 0
}

.PdfViewer-navLink--prev:after {
    content: ""
}

.PdfViewer-navLink--next {
    right: 0
}

.PdfViewer-navLink--next:after {
    content: ""
}

.PdfViewer-loader {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PdfViewer-loader:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 4px;
    margin-right: 2.6em;
    border-radius: 50%;
    background-color: var(--msl-brand-primary);
    box-shadow: 1.3em 0 0 var(--msl-brand-primary),2.6em 0 0 var(--msl-brand-primary);
    -webkit-animation: .75s linear infinite alternate loaderDots;
    animation: .75s linear infinite alternate loaderDots
}

.PdfViewer-page {
    padding: 0 0 20px;
    text-align: center
}

.js-openPdfViewer {
    cursor: pointer
}

.modal.fade .Modal-dialog,.modal.fade .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal:focus .Modal-content::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-00);
    border: 2px solid var(--msl-artwork-grey-1000);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.modal:focus .Modal-content::after {
    z-index: -1
}

.Modal {
    top: 50%;
    bottom: auto;
    z-index: 99999;
    max-height: 100%;
    overflow: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Modal .Modal-close {
    position: absolute;
    top: 0;
    right: 0
}

.Modal .Modal-popin-close {
    position: absolute;
    top: 0;
    right: 0
}

.Modal-dialog {
    max-width: 90%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-shadow: 1px 3px 4px rgba(0,0,0,.3)
}

.Modal-content {
    background: var(--msl-artwork-grey-0);
    border-radius: 0;
    border: 0
}

.Modal-header {
    position: relative
}

.Modal-close {
    position: relative;
    z-index: 1;
    float: right;
    color: var(--msl-artwork-grey-0);
    width: 50px;
    height: 50px;
    padding: 15px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    background: var(--msl-brand-primary);
    border: 0
}

.Modal-close:before {
    content: ""
}

.Modal-close:focus,.Modal-close:hover {
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-500)
}

.Modal-popin-close {
    position: relative;
    z-index: 1;
    float: right;
    color: var(--msl-artwork-grey-0);
    width: 35px;
    height: 35px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    background: var(--msl-brand-primary);
    border: 1px solid var(--msl-brand-primary)
}

.Modal-popin-close:before {
    content: ""
}

.Modal-popin-close:focus,.Modal-popin-close:hover {
    color: var(--msl-brand-secondary-500);
    background-color: var(--msl-artwork-grey-0)
}

.Modal-popin-body {
    padding-right: var(--msl-spacing-500)!important;
    padding-left: var(--msl-spacing-500)!important
}

.Modal-body {
    padding: 25px;
    padding-right: 70px;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    height: 100%;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: auto;
    margin-top: 60px
}

.Modal-body--center {
    text-align: center
}

.Modal-mainTitle {
    margin: 0 0 20px;
    font-size: var(--msl-fontSize-24);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-primary);
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center
}

.Modal-popin-title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-align: left;
    color: var(--msl-brand-primary);
    font-style: normal
}

.Modal-popin-title:first-letter {
    text-transform: capitalize
}

.Modal-popin-avantage {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.Modal-form {
    padding: 0!important
}

.Modal-actions {
    margin: 20px -7px;
    text-align: center;
    font-size: 0
}

.Modal-actions:last-child {
    margin-bottom: 0
}

.Modal-action {
    margin-left: 7px;
    margin-right: 17px;
    min-width: 140px
}

.modal-backdrop {
    z-index: 99998
}

.Modal--small .Modal-dialog {
    max-width: 800px
}

.Modal--small .Modal-body {
    text-align: center;
    padding: 45px 60px var(--msl-spacing-500)
}

.Modal--small .Modal-mainTitle {
    margin-bottom: 5px
}

.Modal--scrollInside {
    bottom: 30px;
    top: 90px;
    -webkit-transform: none;
    transform: none
}

.modal-open .Modal--scrollInside {
    overflow: hidden
}

.Modal--scrollInside .Modal-dialog {
    height: 100%;
    margin: 0 auto
}

.Modal--scrollInside .Modal-content {
    height: 100%;
    overflow: auto
}

@media (max-width: 649px) {
    .Modal {
        top:0;
        bottom: 0;
        -webkit-transform: none;
        transform: none
    }

    .Modal-dialog {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: initial;
        max-width: none!important;
        margin: 0;
        box-shadow: none;
        overflow: auto
    }

    .Modal-content {
        min-height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .Modal-header {
        position: absolute;
        top: 0;
        right: 0
    }

    .Modal-header-without-border {
        border: none;
        position: absolute;
        top: 0;
        right: 0
    }

    .Modal-close {
        width: 60px;
        height: 60px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        line-height: 30px
    }

    .Modal-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 10px
    }

    .Modal-actions:last-child {
        margin-bottom: -10px
    }

    .Modal-action {
        min-width: 200px;
        margin-bottom: 10px;
        margin-right: 17px
    }

    .Modal-action--primary {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1
    }

    #modalRenameList .Modal-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .Modal-popin-body {
        padding-right: var(--msl-spacing-300)!important;
        padding-left: var(--msl-spacing-300)!important
    }
}

.TimeoutContainer {
    position: relative;
    width: 50%;
    height: auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly
}

.TimeoutWrapper {
    width: 60px;
    height: 60px;
    position: relative;
    background: 0 0;
    margin: 0 30px 15px auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    flex: 0 0 60px
}

.TimeoutFrame {
    z-index: 1;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    background: var(--msl-brand-secondary-400);
    position: absolute;
    top: 0;
    left: 0
}

.TimeoutBackground {
    z-index: 3;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    background: var(--msl-artwork-grey-0);
    position: absolute;
    top: 5px;
    left: 5px
}

.TimeoutFrame--filler {
    border-radius: 30px 0 0 30px;
    width: 30px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 1;
    background: var(--msl-brand-primary)
}

.TimeoutMarks {
    position: absolute;
    width: 52px;
    height: 52px;
    top: 4px;
    left: 4px;
    z-index: 500
}

.TimeoutMark-band {
    position: absolute;
    width: 2px;
    height: 52px;
    left: 24px;
    z-index: 500;
    -webkit-transform-origin: 1px 26px;
    transform-origin: 1px 26px
}

.TimeoutMark-band--rotate45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.TimeoutMark-band--rotate90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.TimeoutMark-band--rotate135 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.TimeoutMark-band .TimeoutMark {
    position: absolute;
    left: 0;
    width: 2px;
    height: 5px
}

.TimeoutMark-band .TimeoutMark--top {
    top: 0;
    background: var(--msl-brand-secondary-400)
}

.TimeoutMark-band .TimeoutMark--bottom {
    bottom: 0;
    background: var(--msl-brand-primary)
}

.TimeoutTop {
    position: absolute;
    width: 14px;
    height: 13px;
    top: -12px;
    left: 22px;
    z-index: 0
}

.TimeoutTop-round {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 4px;
    border-radius: 2px;
    background: var(--msl-brand-primary)
}

.TimeoutTop-tige {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 4px;
    height: 4px;
    background: var(--msl-brand-secondary-500)
}

.TimeoutTop-base {
    position: absolute;
    top: 8px;
    left: 1px;
    width: 12px;
    height: 5px;
    background: var(--msl-brand-primary)
}

.Modal-TimeoutText {
    color: #19212d;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    margin-bottom: var(--msl-spacing-500)
}

.countdowntimer {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    -webkit-align-self: center;
    align-self: center
}

svg.timeout {
    display: block;
    z-index: 5;
    position: absolute;
    top: 5px;
    left: 5px
}

.loaderTimeout {
    fill: var(--msl-brand-secondary-400);
    z-index: 6
}

.LandscapeMessage {
    display: none
}

@media screen and (max-width: 500px) and (orientation:portrait) {
    .hidden-portrait {
        display:none
    }

    .LandscapeMessage {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        min-height: -webkit-calc(100vh - 60px);
        min-height: calc(100vh - 60px);
        padding: 20px 10%;
        color: var(--msl-brand-primary);
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-700);
        text-align: center
    }

    .LandscapeMessage-bulb:before {
        content: "";
        display: block;
        line-height: 1;
        color: var(--msl-brand-secondary-400);
        font-size: 100px
    }

    .LandscapeMessage-message {
        margin: 30px 0
    }

    .LandscapeMessage-phone:before {
        content: "";
        display: block;
        line-height: .65em;
        font-size: 150px
    }
}

.NewsFeed {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%
}

.NewsFeed-header {
    width: 100%;
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.NewsFeed-title {
    width: 100%;
    color: var(--msl-artwork-grey-1000);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    padding: 10px 10px 10px 30px
}

.NewsFeed-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    height: 200px;
    min-height: 100px;
    overflow: auto;
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.NewsFeed-bodyCookies {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    height: 200px;
    min-height: 100px
}

.NewsFeed-bodyCookies .OutputMsg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    margin: 0
}

.NewsFeed-bodyCookies .OutputMsg-text {
    font-weight: var(--msl-fontWeight-600)
}

.NewsFeed-footer {
    width: 100%;
    height: 75px;
    line-height: 75px;
    text-align: center
}

.NewsFeed-btn {
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.componentZdg .PushCommunication-zoning {
    position: absolute;
    min-height: 1px;
    padding: 30px 5%
}

.componentZdg .PushCommunication-zoning .h1:first-child,.componentZdg .PushCommunication-zoning .h2:first-child,.componentZdg .PushCommunication-zoning h1:first-child,.componentZdg .PushCommunication-zoning h2:first-child {
    margin-top: 0
}

.componentZdg .PushCommunication-zoning+.texte.section,.componentZdg .PushCommunication-zoning+.texte.section .h1:first-child,.componentZdg .PushCommunication-zoning+.texte.section .h2:first-child,.componentZdg .PushCommunication-zoning+.texte.section h1:first-child,.componentZdg .PushCommunication-zoning+.texte.section h2:first-child {
    margin-top: 0
}

.componentZdg .PushCommunication-zoning+.texte.section p {
    margin-bottom: 0
}

.componentZdg .PushCommunication-title {
    text-decoration: none;
    display: block;
    margin-bottom: 10px
}

.componentZdg .PushCommunication-sticky p,.componentZdg .PushCommunication-sticky+.PushCommunication-text,.componentZdg .PushCommunication-sticky+.PushCommunication-title,.componentZdg .PushCommunication-sticky+.h1:first-child,.componentZdg .PushCommunication-sticky+.h2:first-child,.componentZdg .PushCommunication-sticky+a.PushCommunication-title,.componentZdg .PushCommunication-sticky+a:first-child,.componentZdg .PushCommunication-sticky+h1:first-child,.componentZdg .PushCommunication-sticky+h2:first-child {
    margin-top: 14px
}

.componentZdg .PushCommunication-sticky+.texte.section,.componentZdg .PushCommunication-sticky+.texte.section .h1:first-child,.componentZdg .PushCommunication-sticky+.texte.section .h2:first-child,.componentZdg .PushCommunication-sticky+.texte.section h1:first-child,.componentZdg .PushCommunication-sticky+.texte.section h2:first-child {
    margin-top: 14px
}

.componentZdg .PushCommunication-text .texte.section>p:last-child {
    margin-bottom: 0
}

.componentZdg .PushCommunication-text>p:last-child {
    margin-bottom: 0
}

.componentZdg .PushCommunication-backgroundWrapper {
    background-color: var(--msl-brand-primary)
}

.componentZdg .PushCommunication-background {
    position: relative
}

.componentZdg .PushCommunication-background:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ''
}

.componentZdg .PushCommunication-background--filterTransparent:before {
    background-color: transparent;
    opacity: 0
}

.componentZdg .PushCommunication-background--filterBlack:before {
    background-color: #000;
    opacity: .4
}

.componentZdg .PushCommunication-background--filterWhite:before {
    background-color: var(--msl-artwork-grey-0);
    opacity: .5
}

.componentZdg .PushCommunication-background--filterPrimary:before {
    background-color: var(--msl-brand-primary);
    opacity: .5
}

.componentZdg .PushCommunication-zoning--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.componentZdg .PushCommunication-zoning--center .PushCommunication-btn,.componentZdg .PushCommunication-zoning--center .PushCommunication-sticky {
    -webkit-align-self: center;
    align-self: center
}

@media (max-width: 649px) {
    .componentZdg .PushCommunication-zoning--bottomCenter,.componentZdg .PushCommunication-zoning--center {
        right:7%;
        left: 7%
    }
}

@media (min-width: 650px) {
    .componentZdg .PushCommunication-zoning--bottomCenter,.componentZdg .PushCommunication-zoning--center {
        left:8%;
        right: 8%
    }
}

.componentZdg .PushCommunication-zoning--bottomCenter {
    bottom: 55px
}

.componentZdg .PushCommunication-zoning--bottomCenter .PushCommunication-text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.componentZdg .PushCommunication-zoning--primary .PushCommunication-title,.componentZdg .PushCommunication-zoning--primary .h2,.componentZdg .PushCommunication-zoning--primary h2,.componentZdg .PushCommunication-zoning--transparent .PushCommunication-title,.componentZdg .PushCommunication-zoning--transparent .h2,.componentZdg .PushCommunication-zoning--transparent h2 {
    color: var(--msl-artwork-grey-0)
}

.componentZdg .PushCommunication-zoning--primary .texte.section,.componentZdg .PushCommunication-zoning--transparent .texte.section {
    color: var(--msl-artwork-grey-0)
}

.componentZdg .PushCommunication-title {
    text-shadow: none
}

.componentZdg .PushCommunication-title--uppercase {
    text-transform: uppercase
}

.componentZdg .PushCommunication-text {
    position: relative;
    min-height: 1px;
    min-width: 1px;
    width: 100%
}

.componentZdg .PushCommunication-btn {
    margin-top: 20px
}

.componentZdg .Etapier-sticky p,.componentZdg .Etapier-sticky+.h1:first-child,.componentZdg .Etapier-sticky+.h2:first-child,.componentZdg .Etapier-sticky+h1:first-child,.componentZdg .Etapier-sticky+h2:first-child {
    margin-top: 14px
}

.componentZdg .Etapier-sticky+.texte.section,.componentZdg .Etapier-sticky+.texte.section .h1:first-child,.componentZdg .Etapier-sticky+.texte.section .h2:first-child,.componentZdg .Etapier-sticky+.texte.section h1:first-child,.componentZdg .Etapier-sticky+.texte.section h2:first-child {
    margin-top: 14px;
    margin-bottom: 10px
}

.componentZdg .Etapier-sticky+.Etapier-slider .PushDidYouKnow-desc,.componentZdg .Etapier-sticky+.Etapier-slider .PushDidYouKnow-descTitle,.componentZdg .Etapier-sticky+.Etapier-slider .richText {
    margin-top: 14px
}

.componentZdg .Etapier-intro {
    padding: 30px 40px
}

.componentZdg .Etapier-slide {
    padding: 20px 40px
}

.componentZdg .Etapier-slider .owl-next.disabled,.componentZdg .Etapier-slider .owl-prev.disabled {
    opacity: .5;
    cursor: default
}

.componentZdg .Etapier-slide {
    padding-top: 20px;
    padding-bottom: 20px
}

.componentZdg .Etapier-backgroundWrapper:after {
    background: 0 0;
    opacity: 1
}

.componentZdg .Etapier-background {
    position: relative;
    opacity: 1;
    background-blend-mode: inherit;
    background-color: initial
}

.componentZdg .Etapier-background:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ''
}

.componentZdg .Etapier-background--filterTransparent:before {
    background-color: transparent;
    opacity: 0
}

.componentZdg .Etapier-background--filterBlack:before {
    background-color: #000;
    opacity: .4
}

.componentZdg .Etapier-background--filterWhite:before {
    background-color: var(--msl-artwork-grey-0);
    opacity: .5
}

.componentZdg .Etapier-background--filterPrimary:before {
    background-color: var(--msl-brand-primary);
    opacity: .5
}

.componentZdg .PushDidYouKnow-desc {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 650px) and (max-width:989px) {
    .componentZdg .PushDidYouKnow-desc {
        -webkit-box-orient:initial;
        -webkit-box-direction: initial;
        -webkit-flex-direction: initial;
        flex-direction: initial;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        justify-content: initial;
        -webkit-align-content: flex-start;
        align-content: flex-start;
        min-height: 130px;
        height: auto
    }
}

.componentZdg .PushDidYouKnow-descText {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 650px) and (max-width:989px) {
    .componentZdg .PushDidYouKnow-descText {
        width:auto
    }
}

.componentZdg .PushDidYouKnow-descText .texte.section>p:last-child {
    margin-bottom: 0
}

.componentZdg .PushDidYouKnow-descText>p:last-child {
    margin-bottom: 0
}

.componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart+.PushDidYouKnow-descText,.componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart+.PushDidYouKnow-descTitle {
    width: 75%;
    padding-right: 30px
}

@media (max-width: 649px) {
    .componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart+.PushDidYouKnow-descText,.componentZdg .PushDidYouKnow-desc--left .PushDidYouKnow-descChart+.PushDidYouKnow-descTitle {
        width:100%;
        padding-left: 0;
        padding-right: 0
    }
}

.componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart+.PushDidYouKnow-descText,.componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart+.PushDidYouKnow-descTitle {
    width: 75%;
    padding-left: 30px
}

@media (max-width: 649px) {
    .componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart+.PushDidYouKnow-descText,.componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descChart+.PushDidYouKnow-descTitle {
        width:100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 650px) and (max-width:989px) {
    .componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descText,.componentZdg .PushDidYouKnow-desc--right .PushDidYouKnow-descTitle {
        padding-left:20px
    }
}

@media (max-width: 649px) {
    .componentZdg .PushDidYouKnow-descChart {
        display:none
    }

    .componentZdg .PushDidYouKnow-descChart+.PushDidYouKnow-descTitle {
        padding-left: 0
    }
}

.componentZdg .PushDidYouKnow-descChart img {
    max-height: 100px;
    min-width: 80px
}

.ResponsiveTable {
    background: 0 0;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px
}

.Richtext.section table,.texte table {
    background: 0 0;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px
}

.ResponsiveTable caption,.Richtext.section caption,.texte caption {
    caption-side: top;
    text-align: center;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px
}

.ResponsiveTable tr,.Richtext.section tr,.texte tr {
    background: var(--msl-artwork-grey-0)
}

.ResponsiveTable tr:nth-child(2n),.Richtext.section tr:nth-child(2n),.texte tr:nth-child(2n) {
    background: var(--msl-artwork-grey-50)
}

.ResponsiveTable tr th,.Richtext.section tr th,.texte tr th {
    padding: 10px;
    font-weight: var(--msl-fontWeight-700);
    background: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border: none
}

.ResponsiveTable tr td,.Richtext.section tr td,.texte tr td {
    padding: 10px
}

@media (max-width: 649px) {
    .ResponsiveTable {
        background:0 0
    }

    .Richtext.section table,.texte table {
        background: 0 0
    }

    .ResponsiveTable th,.Richtext.section th,.texte th {
        display: none
    }

    .ResponsiveTable th.notBasic,.Richtext.section th.notBasic,.texte th.notBasic {
        display: block
    }

    .ResponsiveTable tr,.Richtext.section tr,.texte tr {
        display: block;
        background: var(--msl-artwork-grey-0)
    }

    .ResponsiveTable tr:nth-child(2n),.Richtext.section tr:nth-child(2n),.texte tr:nth-child(2n) {
        background: var(--msl-artwork-grey-50)
    }

    .ResponsiveTable tr:nth-child(2) td:first-child:before,.Richtext.section tr:nth-child(2) td:first-child:before,.texte tr:nth-child(2) td:first-child:before {
        border: none
    }

    .ResponsiveTable tr td,.Richtext.section tr td,.texte tr td {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        padding: 0;
        border: none
    }

    .ResponsiveTable tr td:before,.Richtext.section tr td:before,.texte tr td:before {
        content: attr(data-th);
        width: 50%;
        font-weight: var(--msl-fontWeight-700);
        background: var(--msl-brand-primary);
        color: var(--msl-artwork-grey-0);
        padding: 10px;
        border: none;
        white-space: pre-wrap
    }

    .ResponsiveTable tr td:first-child:before,.Richtext.section tr td:first-child:before,.texte tr td:first-child:before {
        border-top: 2px solid var(--msl-artwork-grey-100)
    }

    .ResponsiveTable tr td.noHeadings:before,.Richtext.section tr td.noHeadings:before,.texte tr td.noHeadings:before {
        display: none
    }

    .ResponsiveTable tr td span,.Richtext.section tr td span,.texte tr td span {
        display: block;
        padding: 10px;
        position: relative;
        float: left;
        width: 50%
    }

    .ResponsiveTable tr:first-child td:first-child:before,.Richtext.section tr:first-child td:first-child:before,.texte tr:first-child td:first-child:before {
        border: none
    }
}

.PopinMag .ArticleBloc,.PopinMag .Themes {
    padding-left: 0;
    padding-right: 0
}

.PopinMag .ArticleBloc-primaryGray01,.PopinMag .ArticleBloc-quote {
    margin-left: 0;
    margin-right: 0
}

.PopinMag .HeaderAlternate-title {
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.PopinMag .Modal-dialog {
    width: 1170px;
    margin: 0 auto
}

@media (max-width: 1169px) {
    .PopinMag .Modal-dialog {
        width:970px
    }
}

@media (max-width: 989px) {
    .PopinMag .Modal-dialog {
        width:100%
    }
}

.PopinMag .Modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.PopinMag .Share {
    text-align: center;
    padding: 0;
    margin: 0
}

@media (min-width: 990px) {
    .PopinMag .Share {
        position:absolute;
        top: 20px;
        right: 20px;
        text-align: right
    }
}

.PopinMag .ArticleBloc-title {
    display: block;
    text-align: center
}

.PopinMag .cardMagFilter-title {
    font-size: var(--msl-fontSize-28)
}

.PopinMag-header {
    position: static;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.PopinMag-header .HeaderAlternate-back {
    width: auto
}

.PopinMag-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    padding: 5% 10%
}

@media (max-width: 649px) {
    .PopinMag-content {
        padding:5%
    }
}

.PopinMag-footer {
    padding: 5% 0
}

.PopIn--left {
    text-align: left
}

.PopIn-iconDoc {
    font-size: 50px;
    color: var(--msl-brand-primary)
}

.PopinMag--footerLink {
    display: inline-block;
    margin-top: 30px;
    color: var(--msl-artwork-grey-1000)
}

.PopinMag-footerSubtitle {
    margin-top: 0;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

@media (max-width: 989px) {
    .PopinMag {
        padding:0
    }

    .PopinMag .ArticleBloc {
        overflow: visible
    }

    .PopinMag .ArticleBloc-intro {
        text-align: center
    }

    .PopinMag .HeaderAlternate-backText {
        display: none
    }

    .PopinMag .HeaderAlternate-back {
        width: 60px
    }

    .PopinMag .ArticleBloc-primaryGray01,.PopinMag .ArticleBloc-quote {
        margin-left: -12.5%;
        margin-right: -12.5%;
        padding-left: 12.5%;
        padding-right: 12.5%
    }

    .PopinMag .ArticleBloc-quote {
        padding-left: 22.5%;
        padding-left: -webkit-calc(12.5% + 60px);
        padding-left: calc(12.5% + 60px);
        padding-right: 22.5%;
        padding-right: -webkit-calc(12.5% + 60px);
        padding-right: calc(12.5% + 60px)
    }

    .PopinMag .ArticleBloc-quote:before {
        left: 10%
    }

    .PopinMag .ArticleBloc-quote:after {
        right: 10%
    }
}

@media (max-width: 649px) {
    .PopinMag .PopinMag-footer {
        padding:5%;
        text-align: left
    }

    .PopinMag .cardMagFilter-subtitle {
        margin-left: 0;
        margin-right: 0
    }

    .PopinMag .ArticleBloc-primaryGray01,.PopinMag .ArticleBloc-quote {
        margin-left: -5.55556%;
        margin-right: -5.55556%;
        padding-left: 5.55556%;
        padding-right: 5.55556%
    }

    .PopinMag .ArticleBloc-quote {
        padding-left: 10.55556%;
        padding-left: -webkit-calc(5.55556% + 60px);
        padding-left: calc(5.55556% + 60px);
        padding-right: 10.55556%;
        padding-right: -webkit-calc(5.55556% + 60px);
        padding-right: calc(5.55556% + 60px)
    }

    .PopinMag .ArticleBloc-quote:before {
        left: 5%
    }

    .PopinMag .ArticleBloc-quote:after {
        right: 5%
    }
}

.Synthesis-inbox {
    display: none;
    position: relative;
    padding-left: 30px;
    color: inherit;
    text-decoration: underline;
    min-height: 1.1em
}

.Synthesis-inbox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1em;
    height: 1em;
    margin: -.5em 0;
    font-size: var(--msl-fontSize-18)
}

.Synthesis-inbox:focus,.Synthesis-inbox:hover {
    color: var(--msl-artwork-grey-500);
    text-decoration: underline
}

@media (min-width: 990px) {
    .Synthesis-inbox {
        display:block;
        position: absolute;
        top: 4px;
        right: 0
    }
}

.Synthesis-summmaryHeader>.Synthesis-inbox::before {
    position: absolute;
    top: -2px;
    margin: 0;
    width: 24px;
    height: 24px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    border: 1px solid #fff;
    color: var(--msl-brand-secondary-500);
    background: #fff;
    display: block;
    border-radius: 50%;
    padding: var(--msl-spacing-50);
    text-align: center
}

.Synthesis-inbox-newMessage:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin: -11px 0 0 var(--msl-spacing-200);
    width: 8px;
    height: 8px;
    background: var(--msl-bg-notification);
    border-radius: 50%
}

.HeaderLogged-secondNavLink--account .Synthesis-inbox {
    display: block;
    position: relative;
    padding-left: 30px;
    color: inherit;
    min-height: 1.1em
}

.HeaderLogged-secondNavLink--account .Synthesis-inbox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 1em;
    height: 1em;
    margin: -.5em 0;
    font-size: var(--msl-fontSize-18)
}

@media (max-width: 989px) {
    .HeaderLogged-secondNavLink--account .Synthesis-inbox:before {
        left:8px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }
}

.HeaderLogged-secondNavLink--account .Synthesis-inbox,.HeaderLogged-secondNavLink--account .Synthesis-inbox:focus,.HeaderLogged-secondNavLink--account .Synthesis-inbox:hover {
    text-decoration: none
}

@media (min-width: 990px) {
    .HeaderLogged-secondNavLink--account .Synthesis-inbox {
        display:table-cell;
        vertical-align: middle;
        top: 0
    }
}

@media (max-width: 989px) {
    .HeaderLogged-secondNavLink--account .Synthesis-inbox {
        position:absolute;
        top: 14px;
        right: 0
    }
}

.HeaderLogged-secondNavLink--account .Synthesis-inbox-newMessage:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    margin: -11px 0 0 var(--msl-spacing-200);
    width: 8px;
    height: 8px;
    background: var(--msl-bg-notification);
    border-radius: 50%
}

@media (max-width: 989px) {
    .HeaderLogged-secondNavLink--account .Synthesis-inbox-newMessage:after {
        width:7px;
        height: 7px;
        left: 4px;
        margin: -9px 0 0 17px
    }
}

.LayerNav-listLink .Synthesis-inbox,.LayerNav-pushNavItemInner .Synthesis-inbox {
    display: inline-block;
    vertical-align: middle;
    top: 50%;
    margin-left: 13px;
    position: relative;
    padding-left: 30px;
    color: inherit;
    min-height: 1.1em
}

.LayerNav-listLink .Synthesis-inbox,.LayerNav-listLink .Synthesis-inbox:focus,.LayerNav-listLink .Synthesis-inbox:hover,.LayerNav-pushNavItemInner .Synthesis-inbox,.LayerNav-pushNavItemInner .Synthesis-inbox:focus,.LayerNav-pushNavItemInner .Synthesis-inbox:hover {
    text-decoration: none
}

@media (max-width: 989px) {
    .LayerNav-listLink .Synthesis-inbox,.LayerNav-pushNavItemInner .Synthesis-inbox {
        top:0;
        right: 0
    }
}

.LayerNav-pushNavItem--active .Synthesis-inbox,.LayerNav-pushNavItem--active .Synthesis-inbox-newMessage {
    opacity: 0;
    visibility: hidden
}

.LayerNav-listLink .Synthesis-inbox,.LayerNav-listLink .Synthesis-inbox:focus,.LayerNav-listLink .Synthesis-inbox:hover {
    text-decoration: none
}

@media (min-width: 990px) {
    .LayerNav-listLink .Synthesis-inbox {
        margin-top:-2px
    }
}

.LayerNav-pushNavItemInner {
    max-width: 90%
}

.Autocomplete-block {
    width: 100%;
    padding: 0 5% 40px
}

.Autocomplete-block--small {
    max-width: 800px;
    margin: 0 auto
}

@media (max-width: 649px) {
    .Autocomplete-block--small {
        width:100%;
        margin: 0;
        padding: 0 7% 40px
    }
}

.Autocomplete-inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

@media (max-width: 649px) {
    .Autocomplete-inputs {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.Autocomplete-input {
    width: 50%;
    padding: 5px;
    font-family: unset;
    font-size: unset;
    text-align: left
}

@media (max-width: 649px) {
    .Autocomplete-input {
        width:100%
    }
}

.Autocomplete-label {
    display: block;
    text-transform: initial
}

.Autocomplete-inputField {
    width: 100%;
    border: 1px solid var(--msl-artwork-grey-100);
    border-radius: 4px;
    height: 41px;
    padding: 11px 44px 11px 22px
}

.ui-menu.ui-widget.ui-widget-content {
    max-height: 275px;
    overflow-y: auto
}

.ui-menu-item-wrapper.ui-state-active,.ui-menu-item-wrapper.ui-state-active:focus,.ui-menu-item-wrapper.ui-state-active:hover {
    background-color: var(--msl-artwork-grey-50);
    color: var(--msl-brand-primary)
}

.BulletList-content li,.BulletList-content ol,.BulletList-content ul {
    text-decoration: none;
    list-style: none;
    padding-left: 10px
}

.js-listLinkCaret {
    position: relative
}

.js-listLinkCaret:before {
    content: "";
    font-family: "NPC Icons crunchy R2503"!important;
    text-decoration: none;
    vertical-align: middle;
    font-size: var(--msl-fontSize-12);
    cursor: pointer;
    color: var(--msl-brand-primary)
}

.js-listLinkCaret+* {
    display: block
}

.js-listLinkCaret--collapsed:before {
    content: ""
}

.js-listLinkCaret--collapsed+* {
    display: none
}

.bandeau-50-50 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 650px) {
    .bandeau-50-50 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width: 649px) {
    .bandeau-50-50 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.bandeau-50-50-image {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (min-width: 650px) {
    .bandeau-50-50-image {
        min-height:417px
    }
}

@media (max-width: 649px) {
    .bandeau-50-50-image {
        height:210px
    }
}

@media (min-width: 650px) {
    .bandeau-50-50-content {
        margin:var(--msl-spacing-200) 0 55px 0
    }
}

@media (max-width: 649px) {
    .bandeau-50-50-content {
        text-align:center;
        margin: var(--msl-spacing-300) 0
    }
}

.bandeau-50-50-texte {
    margin: var(--msl-spacing-300) 0
}

@media (max-width: 649px) {
    .bandeau-50-50-texte {
        text-align:center;
        margin: var(--msl-spacing-300)
    }
}

.bandeau-50-50-actions {
    margin: 0;
    font-size: 0;
    display: block
}

@media (max-width: 649px) {
    .bandeau-50-50-actions {
        margin:0 var(--msl-spacing-300)
    }
}

.bandeau-50-50-action {
    padding: 12px var(--msl-spacing-300);
    margin: 0 var(--msl-spacing-200) var(--msl-spacing-200) 0
}

@media (max-width: 649px) {
    .bandeau-50-50-action {
        width:100%
    }
}

.reengagement-component {
    padding: var(--msl-spacing-400) var(--msl-spacing-200)
}

.reengagement-component .reengagement-titre {
    padding: 0 0 var(--msl-spacing-400) 0
}

.reengagement-component .reengagement-mentions-legales {
    padding: var(--msl-spacing-400) 0 0 0
}

.reengagement-component .reengagement-vignettes {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0
}

@media (min-width: 650px) {
    .reengagement-component .reengagement-vignettes {
        -webkit-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

.reengagement-component .reengagement-vignettes .reengagement-vignette {
    margin: 20px 0;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}

@media (min-width: 650px) {
    .reengagement-component .reengagement-vignettes .reengagement-vignette {
        margin:0;
        width: -webkit-calc(25% - 40px);
        width: calc(25% - 40px)
    }
}

.reengagement-component .reengagement-vignettes .reengagement-vignette .reengagement-vignette-img {
    text-align: center
}

.reengagement-component.reengagement-marche100 {
    background-color: var(--msl-brand-primary)
}

.reengagement-component.reengagement-marche85 {
    background-color: rgba(0,116,97,.15)
}

.reengagement-component.reengagement-gray1 {
    background-color: var(--msl-artwork-grey-50)
}

.reengagement-component.reengagement-white {
    background-color: var(--msl-artwork-grey-0)
}

.navbar-fol,.navbar-fol-sticky {
    width: 100%;
    text-align: center;
    background: var(--msl-artwork-grey-0)
}

@media (min-width: 650px) {
    .navbar-fol,.navbar-fol-sticky {
        display:inline-block
    }
}

@media (max-width: 649px) {
    .navbar-fol,.navbar-fol-sticky {
        display:none
    }
}

@media (min-width: 650px) {
    .navbar-fol .navbar-fol-ancrages,.navbar-fol-sticky .navbar-fol-ancrages {
        display:inline-block;
        min-height: 72px
    }
}

@media (max-width: 649px) {
    .navbar-fol .navbar-fol-ancrages,.navbar-fol-sticky .navbar-fol-ancrages {
        display:none
    }
}

.navbar-fol .navbar-fol-ancrages-list,.navbar-fol-sticky .navbar-fol-ancrages-list {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width: 650px) {
    .navbar-fol .navbar-fol-ancrages-list,.navbar-fol-sticky .navbar-fol-ancrages-list {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media (max-width: 649px) {
    .navbar-fol .navbar-fol-ancrages-list,.navbar-fol-sticky .navbar-fol-ancrages-list {
        display:none
    }
}

.navbar-fol .navbar-fol-ancrage,.navbar-fol-sticky .navbar-fol-ancrage {
    padding: var(--msl-spacing-300) var(--msl-spacing-200);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.navbar-fol .navbar-fol-ancrage:after,.navbar-fol-sticky .navbar-fol-ancrage:after {
    content: '';
    left: 25px;
    right: 25px;
    height: 5px;
    color: var(--msl-artwork-grey-900);
    background: var(--msl-brand-secondary-400);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.navbar-fol .navbar-fol-ancrage.active,.navbar-fol-sticky .navbar-fol-ancrage.active {
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-700)
}

.navbar-fol .navbar-fol-ancrage.active:after,.navbar-fol-sticky .navbar-fol-ancrage.active:after {
    opacity: 1
}

.navbar-fol .navbar-fol-ancrage-link,.navbar-fol-sticky .navbar-fol-ancrage-link {
    color: inherit;
    text-decoration: none;
    border-radius: var(--msl-borderRadius-50);
    padding: var(--msl-spacing-50)
}

.navbar-fol .navbar-fol-ancrage-link:active,.navbar-fol-sticky .navbar-fol-ancrage-link:active {
    color: var(--msl-text-primary-pressed)
}

.navbar-fol .navbar-fol-ancrage-link:hover,.navbar-fol-sticky .navbar-fol-ancrage-link:hover {
    color: var(--msl-text-primary-hover)
}

.navbar-fol .navbar-fol-cta,.navbar-fol-sticky .navbar-fol-cta {
    min-height: 72px
}

@media (min-width: 650px) {
    .navbar-fol .navbar-fol-cta,.navbar-fol-sticky .navbar-fol-cta {
        float:right;
        padding: var(--msl-spacing-200) var(--msl-spacing-800) var(--msl-spacing-200) var(--msl-spacing-300)
    }
}

@media (max-width: 649px) {
    .navbar-fol .navbar-fol-cta,.navbar-fol-sticky .navbar-fol-cta {
        width:100%;
        padding: var(--msl-spacing-200) var(--msl-spacing-300)
    }
}

@media (max-width: 649px) {
    .navbar-fol .navbar-fol-action,.navbar-fol-sticky .navbar-fol-action {
        width:100%
    }
}

.navbar-fol-sticky {
    z-index: 9999;
    position: fixed
}

@media (min-width: 650px) {
    .navbar-fol-sticky {
        display:none;
        visibility: hidden;
        opacity: 0
    }

    .navbar-fol-sticky.active {
        display: block;
        visibility: visible;
        top: 60px;
        opacity: 1
    }
}

@media (max-width: 649px) {
    .navbar-fol-sticky {
        display:block;
        visibility: visible;
        bottom: 0;
        opacity: 1
    }
}

.DetailsOffre {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.DetailsOffre .caracteristique-offre .AccordionSteps-header {
    border-radius: 18px;
    padding-left: 50px!important
}

.DetailsOffre .caracteristique-offre .AccordionSteps-header .AccordionSteps-headerToggle {
    -webkit-box-pack: start!important;
    -webkit-justify-content: flex-start!important;
    justify-content: flex-start!important;
    font-size: 16px!important
}

.DetailsOffre .Accordions {
    padding: 0;
    margin-bottom: 15px
}

.DetailsOffre .Accordions .AccordionSteps-main {
    margin-bottom: 0;
    padding: 0
}

.DetailsOffre .AccordionSteps {
    width: 100%;
    margin: 0
}

.DetailsOffre .AccordionSteps-header {
    height: 40px
}

.DetailsOffre .AccordionSteps-headerTitle {
    width: 100%;
    padding: 11px 0;
    letter-spacing: 0
}

.DetailsOffre .AccordionSteps-headerTitle p {
    -webkit-margin-after: 0;
    margin-block-end:0}

.DetailsOffre .AccordionSteps-headerIcon {
    width: 80px;
    min-width: 80px;
    background-color: transparent;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.DetailsOffre .AccordionSteps-headerIconImg {
    display: block;
    margin: 0 auto;
    padding: 0 10px
}

.DetailsOffre .AccordionSteps-headerToggle {
    color: var(--msl-artwork-grey-0);
    padding: 0 5px 0 20px
}

.DetailsOffre .AccordionSteps-mainContent {
    margin: 20px 0
}

.DetailsOffre .AccordionSteps-mainContentItem {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.DetailsOffre .AccordionSteps-mainContentOptions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: var(--msl-spacing-400) 0
}

@media (min-width: 650px) {
    .DetailsOffre .AccordionSteps-mainContentOptions {
        -webkit-box-align:center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width: 649px) {
    .DetailsOffre .AccordionSteps-mainContentOptions {
        text-align:left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.DetailsOffre .AccordionSteps-mainContentOptionsText {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1;
    flex: 2 1
}

@media (max-width: 649px) {
    .DetailsOffre .AccordionSteps-mainContentOptionsText {
        text-align:left;
        padding: 0 5% 3% 10%
    }
}

.DetailsOffre .AccordionSteps-mainContentOptionsDetails {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    flex: 1 1
}

@media (max-width: 649px) {
    .DetailsOffre .AccordionSteps-mainContentOptionsDetails {
        text-align:left;
        padding: 0 10%
    }
}

.DetailsOffre .AccordionSteps-BlocCTA {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: var(--msl-spacing-400);
    margin-right: var(--msl-spacing-400);
    margin-bottom: var(--msl-spacing-500);
    padding: 28px 28px var(--msl-spacing-400) 70px;
    color: var(--msl-artwork-grey-900)
}

.DetailsOffre .AccordionSteps-BlocCTA--button {
    background: var(--msl-artwork-grey-100)
}

.DetailsOffre .AccordionSteps-BlocCTA--content {
    text-shadow: none
}

@media screen and (max-width: 649px) {
    .DetailsOffre .Accordions {
        padding:0
    }

    .DetailsOffre .AccordionSteps-headerToggle {
        text-align: left
    }

    .DetailsOffre .AccordionSteps-BlocCTA {
        display: none
    }
}

.DetailsOffre-title {
    text-align: center;
    margin-bottom: var(--msl-spacing-500)
}

.DetailsOffre--default {
    background: var(--msl-artwork-grey-50)
}

.DetailsOffre--default .AccordionSteps-header--closed {
    background: var(--msl-artwork-grey-0)
}

.DetailsOffre--default .AccordionSteps-header--open {
    background: var(--msl-brand-primary)
}

.DetailsOffre--default .AccordionSteps-header--open .AccordionSteps-headerTitle {
    color: var(--msl-artwork-grey-0)
}

.DetailsOffre--default .AccordionSteps-header--open .AccordionSteps-headerToggle {
    color: var(--msl-artwork-grey-0)
}

.DetailsOffre--default .AccordionSteps-main {
    background: var(--msl-artwork-grey-0)
}

.DetailsOffre--default .AccordionSteps-BlocCTA {
    background: var(--msl-artwork-grey-50)
}

.DetailsOffre--alternate {
    background: var(--msl-brand-primary)
}

.DetailsOffre--alternate .AccordionSteps-header--closed {
    background: var(--msl-artwork-grey-0)
}

.DetailsOffre--alternate .AccordionSteps-header--open {
    background: var(--msl-artwork-grey-50)
}

.DetailsOffre--alternate .AccordionSteps-header--open .AccordionSteps-headerTitle {
    color: var(--msl-brand-primary)
}

.DetailsOffre--alternate .AccordionSteps-main {
    background: var(--msl-artwork-grey-0)
}

.DetailsOffre--alternate .AccordionSteps-BlocCTA {
    background: var(--msl-artwork-grey-100)
}

.DetailsOffre--alternate .DetailsOffre-title {
    color: var(--msl-artwork-grey-0)
}

.DetailsOffre--white {
    background: var(--msl-artwork-grey-0)
}

.DetailsOffre--white .AccordionSteps-header--closed {
    background: var(--msl-artwork-grey-50)
}

.DetailsOffre--white .AccordionSteps-header--open {
    background: var(--msl-brand-primary)
}

.DetailsOffre--white .AccordionSteps-header--open .AccordionSteps-headerTitle {
    color: var(--msl-artwork-grey-0)
}

.DetailsOffre--white .AccordionSteps-header--open .AccordionSteps-headerToggle {
    color: var(--msl-artwork-grey-0)
}

.DetailsOffre--white .AccordionSteps-main {
    background: var(--msl-artwork-grey-50)
}

.DetailsOffre--white .AccordionSteps-BlocCTA {
    background: var(--msl-artwork-grey-0)
}

.DetailsOffre--white .AccordionSteps-BlocCTA--button {
    background: var(--msl-artwork-grey-0)
}

.PushCarousel3 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    align-items: flex-end!important;
    position: relative;
    width: 100%;
    min-height: 350px;
    background: var(--msl-brand-primary)
}

.fixedHeight .carousel-3-ecrans,.js-FullHeight .carousel-3-ecrans {
    position: relative
}

.fixedHeight .carousel-3-ecrans .PushCarousel3,.js-FullHeight .carousel-3-ecrans .PushCarousel3 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fixedHeight .PushCarousel3,.js-FullHeight .PushCarousel3 {
    width: 100%
}

.campaign .PushCarousel3 {
    height: 100%
}

.fixedHeight .carousel-3-ecrans {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 100%
}

.PushCarousel3-carousel {
    height: 100%
}

.PushCarousel3-carousel .PushCommunication-background {
    background-image: var(--bg-img-desk)
}

@media (max-width: 649px) {
    .PushCarousel3-carousel .PushCommunication-background {
        background-image:var(--bg-img-mobile)
    }
}

.PushCarousel3-carouselIndicators {
    margin-bottom: 0;
    bottom: 15px
}

.PushCarousel3-item,.bandeau-FS-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-height: 350px;
    height: 100%;
    padding: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.PushCarousel3-carouselCaption {
    position: absolute;
    left: 8%;
    right: 8%;
    text-align: left;
    background-color: var(--msl-brand-primary);
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 3%;
    bottom: 10%;
    color: var(--msl-artwork-grey-0);
    z-index: 1
}

.PushCarousel3-title {
    color: var(--msl-artwork-grey-0);
    text-shadow: none
}

.PushCarousel3-title--uppercase {
    text-transform: uppercase
}

.PushCarousel3-content {
    padding-top: 1em;
    text-shadow: none
}

.PushCarousel3-button {
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 3px;
    text-shadow: none;
    margin-top: 1em;
    background-color: var(--msl-artwork-grey-0);
    font-size: var(--msl-fontSize-16);
    color: var(--msl-brand-primary)
}

.PushCarousel3-button:hover {
    color: var(--msl-brand-primary);
    background-color: var(--msl-artwork-grey-50)
}

.PushCarousel3-button--font20 {
    margin-top: 1em;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.PushCarousel3-image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.PushCarousel3-carouselInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%
}

.PushCarousel3-carouselInner .owl-stage-outer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .PushCarousel3-carouselInner .owl-stage-outer {
        position: relative
    }
}

.PushCarousel3-carouselInner .owl-stage {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .PushCarousel3-carouselInner .owl-stage {
        position: absolute;
        height: 100%
    }
}

.PushCarousel3-carouselInner .owl-stage .PushCarousel3-item,.PushCarousel3-carouselInner .owl-stage .bandeau-FS-item {
    position: relative;
    height: 100%
}

.PushCarousel3-carouselInner .owl-next,.PushCarousel3-carouselInner .owl-prev {
    display: none
}

.PushCarousel3-carouselInner .owl-dots {
    position: absolute;
    top: initial;
    bottom: 3%;
    left: 0;
    width: 100%;
    margin-top: 15px;
    text-align: center
}

.PushCarousel3-carouselInner .owl-dot {
    display: inline-block;
    margin: 2px;
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
    background: 0 0;
    border: none
}

.PushCarousel3-carouselInner .owl-dot:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--msl-artwork-grey-0);
    border: solid 1px var(--msl-artwork-grey-0);
    border-radius: 50%
}

.PushCarousel3-carouselInner .owl-dot.active:before {
    background: 0 0
}

.PushCarousel3-carouselInner>.PushCarousel3-item~.PushCarousel3-item,.PushCarousel3-carouselInner>.PushCarousel3-item~.bandeau-FS-item,.PushCarousel3-carouselInner>.bandeau-FS-item~.PushCarousel3-item,.PushCarousel3-carouselInner>.bandeau-FS-item~.bandeau-FS-item {
    display: none
}

.bandeau-FS-item {
    min-height: 360px
}

.comparateur-offre {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.comparateur-offre .comparateur-offre-canva {
    max-width: 1118px
}

.comparateur-offre .comparateur-offre-contenuRichText {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    margin: var(--msl-spacing-300) 0
}

.comparateur-offre .comparateur-offre-contenuRichText .titre-comparteur-text {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-align: center;
    color: var(--msl-brand-primary);
    margin-bottom: var(--msl-spacing-300)
}

.comparateur-offre .comparateur-offre-contenuRichText .description-comparateur-text {
    margin-bottom: var(--msl-spacing-300);
    text-align: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0;
    font-weight: var(--msl-fontWeight-400)
}

.comparateur-offre .comparateur-offre-cartes {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    gap: 0 24px
}

@media screen and (max-width: 649px) {
    .comparateur-offre .comparateur-offre-cartes {
        gap:24px
    }
}

.carte-offre {
    height: 278px;
    width: 270px;
    border-radius: 3px;
    background-color: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: var(--msl-spacing-200)
}

.carte-offre .carte-offre-cadre-couleur {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 106px;
    width: inherit;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

@media (max-width: 649px) {
    .carte-offre .carte-offre-cadre-couleur {
        height:210px
    }
}

.carte-offre .carte-offre-cadre-couleur .carte-offre-nom {
    margin: 0 var(--msl-spacing-200);
    height: 32px;
    width: 238px;
    color: var(--msl-artwork-grey-0);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    line-height: 32px;
    text-align: center
}

.carte-offre .carte-offre-cadre-couleur .carte-offre-accroche {
    margin: 0 var(--msl-spacing-200);
    height: 48px;
    width: 238px;
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center
}

.carte-offre .carte-offre-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.carte-offre .carte-offre-content .carte-offre-echeance {
    margin-bottom: var(--msl-spacing-100);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.carte-offre .carte-offre-content .carte-offre-echeance .carte-offre-montant {
    white-space: nowrap;
    color: var(--msl-artwork-grey-900);
    height: 56px;
    width: 46px;
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: 0
}

@media (max-width: 989px) {
    .carte-offre .carte-offre-content .carte-offre-echeance .carte-offre-montant {
        font-size:var(--msl-fontSize-34)
    }
}

.carte-offre .carte-offre-content .carte-offre-echeance .carte-offre-devise {
    height: 32px;
    width: 11px;
    color: var(--msl-artwork-grey-900);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: 0;
    position: relative;
    bottom: 16px;
    right: 6px
}

.carte-offre .carte-offre-content .carte-offre-echeance .carte-offre-dash-periodicite {
    position: relative;
    right: 14px
}

.carte-offre .carte-offre-content .carte-offre-echeance .carte-offre-periodicite {
    color: var(--msl-artwork-grey-900);
    height: 16px;
    width: 34px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: 0
}

.carte-offre .carte-offre-content .carte-offre-autre-mention-offre {
    margin-bottom: var(--msl-spacing-300);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.carte-offre .carte-offre-content .carte-offre-autre-mention-offre .carte-offre-autre-mention-offre-text {
    color: var(--msl-artwork-grey-900);
    height: 16px;
    width: 34px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0
}

.carte-offre .carte-offre-content .carte-offre-emplacement-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: var(--msl-spacing-300)
}

.carte-offre .carte-offre-content .carte-offre-emplacement-action .carte-offre-action :hover {
    cursor: pointer
}

.Messagerie {
    padding: 20px 5%
}

@media (max-width: 649px) {
    .Messagerie {
        padding:20px 7%
    }
}

.Messagerie--breadcrumb {
    padding-top: 0
}

@media (max-width: 649px) {
    .Messagerie--breadcrumb {
        padding-top:20px
    }
}

.Messagerie-title {
    margin-top: 17px
}

.Messagerie-LinksWrapper {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.Messagerie-Links {
    position: relative;
    color: var(--msl-artwork-grey-600);
    vertical-align: middle;
    line-height: 30px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    height: 40px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-bottom: 1px solid var(--msl-artwork-grey-100);
    font-size: 0;
    white-space: nowrap
}

@media (min-width: 990px) {
    .Messagerie-Links {
        width:33%
    }
}

.Messagerie-LinkText {
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.Messagerie-LinksImg+.Messagerie-LinkText {
    max-width: -webkit-calc(100% - 23px);
    max-width: calc(100% - 23px)
}

.Messagerie-LinksChevrons,a.Messagerie-Links {
    display: inline-block;
    text-decoration: none!important;
    color: var(--msl-artwork-grey-600)
}

.Messagerie-LinksChevrons:hover,a.Messagerie-Links:hover {
    color: var(--msl-brand-primary)!important
}

.Messagerie-LinksChevrons:active,.Messagerie-LinksChevrons:focus,.Messagerie-LinksChevrons:visited,a.Messagerie-Links:active,a.Messagerie-Links:focus,a.Messagerie-Links:visited {
    color: var(--msl-artwork-grey-600)
}

.Messagerie-Links .Messagerie-LinksChevrons {
    max-width: -webkit-calc(100% - 20px);
    max-width: calc(100% - 20px)
}

.Messagerie-Links--textLeft {
    text-align: left;
    cursor: pointer
}

.Messagerie-Links--specialWidth {
    width: 33%
}

.Messagerie-Links--active {
    color: var(--msl-brand-primary)
}

@media (min-width: 990px) {
    .Messagerie-Links--active:before {
        content:'';
        position: absolute;
        bottom: -25%;
        left: 50%;
        width: 0;
        height: 0;
        margin: 0 -7px;
        border-style: solid;
        border-width: 7px 7px 0;
        border-color: var(--msl-brand-secondary-400) transparent transparent transparent
    }
}

.Messagerie-Links--active::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4;
    width: 100%;
    border-bottom: 3px solid var(--msl-brand-secondary-400)
}

.Messagerie-LinksImg {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    padding-right: 10px
}

.Messagerie-Links--active .Messagerie-LinksImg,.Messagerie-subLink--active .Messagerie-LinksImg {
    color: var(--msl-brand-secondary-400)
}

.Messagerie-LinksChevron {
    padding-left: 10px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: inherit
}

.Messagerie-LinksChevron,.Messagerie-LinksChevron:focus,.Messagerie-LinksChevron:hover {
    text-decoration: none
}

.Messagerie-LinksChevron--noPad {
    padding: 0
}

.Messagerie-subLink {
    position: relative;
    z-index: 3;
    margin-left: -10px;
    margin-right: -10px;
    padding: 5px 10px;
    color: var(--msl-artwork-grey-600);
    background: var(--msl-artwork-grey-0);
    display: none
}

.Messagerie-subLink:first-child {
    margin-top: 5px
}

.Messagerie-subLink:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

.Messagerie-subLink:hover {
    color: var(--msl-brand-primary)
}

.Messagerie-LinksInner {
    display: inline-block;
    text-align: left
}

.Messagerie-LinksChevron {
    vertical-align: middle;
    text-decoration: none
}

.Messagerie-LinksChevron:before {
    content: ""
}

.Messagerie-LinksChevron--showed:before {
    content: ""
}

.Messagerie-LinksChevron--showed~.Messagerie-subLinks .Messagerie-subLink {
    display: block
}

@media screen and (max-width: 989px) {
    .Messagerie-LinksWrapper {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        border-bottom: none
    }

    .Messagerie-Links {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 0
    }

    .Messagerie-subLink {
        padding-left: 10px
    }

    .Messagerie-LinksWrapper--negMar {
        margin-top: -5px
    }
}

@media screen and (max-width: 649px) {
    .Messagerie-Links {
        width:auto
    }
}

.ctn-mess table {
    table-layout: initial;
    background: 0 0
}

.ctn-mess table.container {
    width: 100%
}

.ctn-mess table.body .conseiller .conseiller-main {
    width: auto
}

.ctn-mess .row {
    margin-left: 0;
    margin-right: 0
}

.ctn-mess .header-icon img {
    display: none
}

.ctn-mess .footer {
    display: none
}

.feedback {
    margin-top: var(--msl-spacing-200);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: #19212d;
    padding: var(--msl-spacing-200)
}

.feedback .feedback-icon {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    padding-right: 16px
}

.feedback .feedback-title {
    text-transform: none;
    font-weight: var(--msl-fontWeight-700)
}

.feedback .feedback-title::first-letter {
    text-transform: capitalize
}

.feedback .feedback-message {
    font-weight: var(--msl-fontWeight-400);
    margin: 0
}

.feedback .feedback-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: var(--msl-fontSize-16);
    letter-spacing: var(--msl-spacing-00);
    text-align: left
}

.feedback .feedback-link {
    font-weight: var(--msl-fontWeight-700)
}

.feedback--danger {
    background-color: var(--msl-functionnal-danger-30)
}

.feedback--danger .feedback-icon {
    color: var(--msl-functionnal-danger-100)
}

.feedback--danger .feedback-link {
    color: var(--msl-functionnal-danger-100)
}

.feedback--warning {
    background-color: var(--msl-functionnal-warning-30)
}

.feedback--warning .feedback-icon {
    color: var(--msl-functionnal-warning-100)
}

.feedback--warning .feedback-link {
    color: var(--msl-functionnal-warning-100)
}

.feedback--success {
    background-color: var(--msl-functionnal-success-30)
}

.feedback--success .feedback-icon {
    color: var(--msl-functionnal-success-100)
}

.feedback--success .feedback-link {
    color: var(--msl-functionnal-success-100)
}

.feedback--info {
    background: var(--msl-functionnal-information-30)
}

.feedback--info .feedback-icon {
    color: var(--msl-functionnal-information-100)
}

.feedback--info .feedback-link {
    color: var(--msl-functionnal-information-100)
}

.feedback-with-link {
    border-top: 1px solid;
    margin-top: 0;
    padding: var(--msl-spacing-200);
    padding-left: -webkit-calc(2 * 16px + 32px);
    padding-left: calc(2 * 16px + 32px)
}

.feedback--danger.feedback-with-link {
    border-color: var(--msl-functionnal-danger-50)
}

.feedback--warning.feedback-with-link {
    border-color: var(--msl-functionnal-warning-50)
}

.feedback--success.feedback-with-link {
    border-color: var(--msl-functionnal-success-50)
}

.feedback--info.feedback-with-link {
    border-color: var(--msl-functionnal-information-50)
}

.ES-container {
    padding: 30px 5%
}

@media screen and (max-width: 649px) {
    .ES-container {
        padding:30px 7%
    }
}

.ES-container:first-child {
    margin-top: 0;
    padding-top: 0
}

.ES-container-title {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: 0
}

@media (max-width: 989px) {
    .ES-container-title {
        font-size:var(--msl-fontSize-34)
    }
}

.ES-container-link,.ES-container-subtitle,.ES-container-text {
    font-weight: var(--msl-fontWeight-400)
}

.ES-container--gray {
    background-color: var(--msl-artwork-grey-50)
}

.ES-container-subtitle--primary {
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin: 0
}

.ES-container .ES-actors-title {
    margin-top: 0
}

.ES-container .lead {
    margin-bottom: 0;
    font-weight: var(--msl-fontWeight-700)
}

.Breadcrumb+.ES-container {
    padding-top: 0
}

.ES-container .GenericBtn {
    margin-top: 20px
}

.ES-container #guideContainerForm {
    padding: 10px 0!important
}

.ES-container #guideContainerForm .guideContainerNode {
    width: 100%!important
}

.ES-TemplatesHead {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 5%
}

.ES-TemplatesHead h2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (max-width: 649px) {
    .ES-TemplatesHead {
        padding:0 7%
    }
}

.ES-TemplatesHead-text {
    width: 60%;
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 10px
}

.ES-TemplatesHead-text--center {
    text-align: center
}

.ES-TemplatesHead-text--left {
    text-align: left
}

.ES-TemplatesHead-text--right {
    text-align: right
}

.ES-TemplatesHead-text--justify {
    text-align: justify
}

@media (max-width: 989px) {
    .ES-TemplatesHead-text {
        width:100%
    }
}

.ES-Showmore {
    position: relative;
    display: block;
    margin: 20px auto;
    text-align: center
}

.ES-Showmore .ES-Showmore-link {
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 649px) {
    .header-visuel {
        display:none
    }
}

.ES-PushInitiatives-CardsContainer {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.PushInitiatives {
    text-align: left;
    margin-bottom: 20px;
    outline: 0
}

.PushInitiatives-content {
    position: relative;
    padding: 6%
}

.PushInitiatives-category {
    position: absolute;
    top: -23px;
    left: 6%;
    margin: 0 -15px;
    padding: 12px 15px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600);
    letter-spacing: .1em;
    text-transform: uppercase;
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.PushInitiatives-category:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 15px;
    border-top: solid 5px var(--msl-brand-secondary-400);
    border-left: solid 4px var(--msl-brand-secondary-400);
    border-right: 4px solid transparent;
    border-bottom: 5px solid transparent
}

.PushInitiatives-title {
    color: var(--msl-artwork-grey-900);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.PushInitiatives-title a,.PushInitiatives-title a:focus,.PushInitiatives-title a:hover {
    color: inherit;
    text-decoration: none
}

.PushInitiatives-title a:focus {
    text-decoration: underline
}

.PushInitiatives-text {
    color: var(--msl-artwork-grey-600);
    margin-bottom: 1em
}

.PushInitiatives-link {
    color: var(--msl-brand-primary);
    text-decoration: underline;
    margin-bottom: 1em
}

.PushInitiatives-date {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600)
}

.PushInitiatives-imageWrapper {
    position: relative;
    height: 180px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.PushInitiatives-image {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.PushInitiatives-video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    background: rgba(255,255,255,.8);
    border-radius: 50%;
    color: var(--msl-brand-primary);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.menu-societaire {
    position: absolute;
    width: 100%;
    display: inline-block;
    min-height: 57px;
    z-index: 1000
}

.ES-MainNav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 9999;
    min-height: 47px;
    background: var(--msl-artwork-grey-0);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s
}

.ES-MainNav:after,.ES-MainNav:before {
    content: '';
    display: table;
    clear: both
}

.ES-MainNav.js-sliderNav--reverse .ES-MainNav-toggle {
    left: 0;
    right: auto
}

@media (max-width: 989px) {
    .ES-MainNav {
        overflow:unset
    }
}

.ES-MainNav--init {
    display: block
}

.ES-MainNav--forcedShow,.ES-MainNav--show {
    opacity: 1;
    visibility: visible
}

.ES-MainNav-title {
    float: left;
    padding: 20px 0 0 5%;
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase
}

.ES-MainNav-buttons {
    float: right;
    padding: 10px
}

.ES-MainNav-buttons .btn {
    margin: 0 3px
}

.ES-MainNav-dropdownToggle {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1;
    width: 50px;
    height: 47px
}

.ES-MainNav-dropdownToggle:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    margin: -.5em 0;
    line-height: 1
}

.ES-MainNav-navWrapper {
    position: relative
}

.ES-MainNav-item.active {
    color: var(--msl-brand-primary)
}

.ES-MainNav-link {
    color: inherit;
    text-decoration: none
}

.ES-MainNav-link:focus,.ES-MainNav-link:hover {
    color: var(--msl-brand-primary);
    background: 0 0!important
}

@media (max-width: 989px) {
    .ES-MainNav {
        min-height:0;
        background: 0 0;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1
    }

    .ES-MainNav-dropdownToggle,.ES-MainNav-nav {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-transition: .3s;
        transition: .3s
    }

    .ES-MainNav-nav {
        min-height: 47px;
        padding: 0 5%
    }

    .ES-MainNav--show .ES-MainNav-dropdownToggle,.ES-MainNav--show .ES-MainNav-nav {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .ES-MainNav-nav {
        background: var(--msl-artwork-grey-0)
    }

    .ES-MainNav-item {
        display: none!important
    }

    .ES-MainNav-item.active {
        display: block!important
    }

    .ES-MainNav-link {
        padding: 15px 25px 15px 0!important
    }

    .ES-MainNav--open .ES-MainNav-dropdownToggle:before {
        content: ""
    }

    .ES-MainNav--open .ES-MainNav-link {
        padding-top: 7px!important;
        padding-bottom: 7px!important
    }

    .ES-MainNav--open .ES-MainNav-item {
        display: block!important
    }

    .ES-MainNav--open .ES-MainNav-item:first-child .ES-MainNav-link {
        padding-top: 15px!important
    }

    .ES-MainNav--open .ES-MainNav-item:last-child .ES-MainNav-link {
        padding-bottom: 15px!important
    }
}

@media (min-width: 990px) {
    .ES-MainNav {
        text-align:center
    }

    .ES-MainNav-dropdownToggle {
        display: none
    }

    .ES-MainNav-nav {
        white-space: nowrap;
        display: inline-block;
        font-size: 0
    }

    .ES-MainNav-item {
        display: inline-block!important;
        vertical-align: bottom;
        font-size: var(--msl-fontSize-16)
    }

    .ES-MainNav-item:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 25px;
        right: 25px;
        height: 5px;
        color: var(--msl-artwork-grey-900);
        background: var(--msl-brand-secondary-400);
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .ES-MainNav-item.active:before {
        opacity: 1
    }

    .ES-MainNav-link {
        padding: 20px 25px!important
    }

    .ES-MainNav-item--left {
        float: left
    }

    .ES-MainNav-item--right {
        float: right
    }
}

.CompareBox {
    margin: var(--msl-spacing-100) 25px;
    text-align: center
}

.CompareBox-btnWrapper,.CompareBox-text {
    display: inline-block;
    vertical-align: middle
}

.CompareBox-text {
    margin: 7px 0;
    font-weight: var(--msl-fontWeight-400)
}

.CompareBox-textInfo {
    font-style: italic;
    color: var(--msl-artwork-grey-600)
}

.CompareBox-btn {
    margin-left: 15px;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    border-width: 1px;
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width: 989px) {
    .CompareBox {
        position:fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 666;
        margin: 0;
        padding: 15px;
        background: var(--msl-brand-primary);
        color: var(--msl-artwork-grey-0);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: .3s;
        transition: .3s
    }

    .CompareBox-textInfo {
        color: inherit
    }

    .CompareBox-btn {
        background-color: var(--msl-artwork-grey-0);
        color: var(--msl-brand-primary);
        border-width: 0;
        border-color: var(--msl-artwork-grey-0)
    }

    .CompareBox-btn.focus,.CompareBox-btn.hover,.CompareBox-btn:focus,.CompareBox-btn:hover {
        color: var(--msl-brand-primary);
        background-color: var(--msl-artwork-grey-50);
        border-color: var(--msl-artwork-grey-50)
    }

    .CompareBox-btn.disabled,.CompareBox-btn.disabled.focus,.CompareBox-btn.disabled.hover,.CompareBox-btn.disabled:focus,.CompareBox-btn.disabled:hover,.CompareBox-btn[disabled],.CompareBox-btn[disabled].focus,.CompareBox-btn[disabled].hover,.CompareBox-btn[disabled]:focus,.CompareBox-btn[disabled]:hover,fieldset[disabled] .CompareBox-btn,fieldset[disabled] .CompareBox-btn.focus,fieldset[disabled] .CompareBox-btn.hover,fieldset[disabled] .CompareBox-btn:focus,fieldset[disabled] .CompareBox-btn:hover {
        color: #005f50;
        background-color: #218a7a;
        border-color: #218a7a
    }

    .CompareBox--disabled {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .CompareBox--disabled .CompareBox-btn,.CompareBox--disabled .CompareBox-btn:focus,.CompareBox--disabled .CompareBox-btn:hover {
        color: var(--msl-artwork-grey-600);
        background-color: var(--msl-artwork-grey-100);
        border-color: var(--msl-artwork-grey-100)
    }

    .ES-MainNav--forcedShow .CompareBox,.ES-MainNav--show .CompareBox {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width: 649px) {
    .ES-MainNav-nav {
        padding:0 7%
    }
}

.ES-InitiativesCards {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 0 5%
}

@media (max-width: 649px) {
    .ES-InitiativesCards {
        padding:0 7%
    }
}

.ES-InitiativesCard {
    width: 100%;
    overflow: hidden;
    position: relative
}

.ES-InitiativesCard:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.ES-InitiativesCard-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-filter: blur(2px) brightness(70%);
    -moz-filter: blur(2px) brightness(70%);
    -o-filter: blur(2px) brightness(70%);
    -ms-filter: blur(2px) brightness(70%);
    filter: blur(2px) brightness(70%);
    z-index: 1
}

.ES-InitiativesCard-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 2;
    text-align: center
}

.ES-InitiativesCard-head {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.3em;
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-0);
    text-transform: uppercase;
    margin-bottom: 20px
}

.ES-InitiativesCard-body {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.217;
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-0);
    max-width: 70%;
    margin-bottom: 20px
}

.ES-InitiativesCard-footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.3em;
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-0);
    margin-bottom: 20px
}

a.ES-InitiativesCard-link {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-400);
    border-radius: 50%;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

a.ES-InitiativesCard-link:before {
    content: "";
    font-size: var(--msl-fontSize-16);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    top: 50%
}

a.ES-InitiativesCard-link:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

a.ES-InitiativesCard-link:focus,a.ES-InitiativesCard-link:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-secondary-500);
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.ES-join-projectsBloc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    padding: 45px 80px;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-functionnal-contact)
}

@media (max-width: 989px) {
    .ES-join-projectsBloc {
        min-height:200px;
        padding: 20px 7vw
    }
}

.ES-join-projectsBloc-chatIcon {
    position: relative;
    margin-left: 20px
}

.ES-join-projectsBloc-chatIcon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1;
    font-size: 3em
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .ES-join-projectsBloc-chatIcon:after {
        font-size: 3rem
    }
}

@media (max-width: 649px) {
    .ES-join-projectsBloc-chatIcon {
        font-size:9px
    }
}

.ES-join-projectsBloc-chatSvg {
    display: block
}

@media (max-width: 649px) {
    .ES-join-projectsBloc-chatSvg {
        width:65px;
        height: 65px
    }
}

.ES-join-projectsBloc-text {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: uppercase
}

.ES-join-projectsBloc-text strong {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 989px) {
    .ES-join-projectsBloc-text {
        font-size:var(--msl-fontSize-18);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (max-width: 649px) {
    .ES-join-projectsBloc-text {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400)
    }
}

.ES-join-projectsBloc-link {
    margin-top: 10px;
    text-decoration: underline;
    color: var(--msl-artwork-grey-0)
}

@media (max-width: 649px) {
    .ES-join-projectsBloc-link {
        padding:10px
    }
}

.ES-join-projectsBloc-link:hover {
    color: var(--msl-artwork-grey-100)
}

.ES-join-projectsBloc[tabindex],a.ES-join-projectsBloc {
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    cursor: pointer
}

.ES-join-projectsBloc[tabindex]:focus,.ES-join-projectsBloc[tabindex]:hover,a.ES-join-projectsBloc:focus,a.ES-join-projectsBloc:hover {
    background: #004652
}

.ES-join-projectsBloc--withBtn .ES-join-projectsBloc-link {
    text-decoration: none
}

.ES-join-projectsBloc--col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.ES-join-projectsBloc--col .ES-join-projectsBloc-chatIcon {
    margin-left: 0;
    margin-bottom: 30px
}

.ES-join-projectsBloc--col .ES-join-projectsBloc-main {
    width: 100%
}

.ES-join-projectsBloc--col .ES-join-projectsBloc-link {
    margin-top: 30px
}

.ES-join-projectsBloc--row {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ES-join-projectsBloc--row .ES-join-projectsBloc-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-self: stretch;
    align-self: stretch;
    width: 100%
}

.ES-join-projectsBloc--row .ES-join-projectsBloc-link {
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.ES-Themes {
    margin: 30px 5%;
    font-family: var(--msl-fontFamily-body)
}

.ES-Themes-title {
    color: var(--msl-artwork-grey-900);
    padding: 20px 0;
    margin: 0
}

.ES-Themes-tag {
    display: inline-block;
    color: var(--msl-artwork-grey-900);
    padding: 12px 15px;
    margin: 5px;
    background-color: var(--msl-artwork-grey-50);
    text-decoration: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px 31px 31px 31px;
    border: 0 solid var(--msl-artwork-grey-1000)
}

.ES-Themes-tag:hover {
    text-decoration: none;
    color: #308276
}

.ES-Themes-tag:active {
    text-decoration: none
}

.ES-Themes-tag:visited {
    text-decoration: none
}

.ES-Themes-tag--active {
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-700);
    text-decoration: none
}

.ES-Themes-tag--active:after {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: "";
    margin: -3px 0 -3px 10px;
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-600)
}

.ES-Themes-tag--active:focus,.ES-Themes-tag--active:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0);
    background: #308276
}

.ES-Themes-tag--active:focus:after,.ES-Themes-tag--active:hover:after {
    text-decoration: underline
}

.ES-Themes-tag--disabled {
    opacity: .4;
    cursor: not-allowed
}

.ES-Themes-tag--disabled:focus,.ES-Themes-tag--disabled:hover {
    text-decoration: none
}

@media (max-width: 989px) {
    .ES-Themes-tag--active:after {
        opacity:1;
        visibility: visible
    }

    .ES-Themes-tag--disabled {
        opacity: 1;
        color: #a3a6ab;
        background: #fbfcfd
    }

    .ES-Themes-tag--disabled:after,.ES-Themes-tag--disabled:before {
        opacity: .4
    }

    .ES-Themes-tag--disabled:focus,.ES-Themes-tag--disabled:hover {
        color: #accdc8
    }
}

.societaire-bonjour .caisse {
    font-size: var(--msl-fontSize-16);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase;
    color: var(--msl-text-moderate);
    line-height: 16px;
    margin: var(--msl-spacing-00) var(--msl-spacing-00) var(--msl-spacing-100) var(--msl-spacing-00)
}

.societaire-bonjour .salutations {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    text-transform: capitalize;
    color: var(--msl-artwork-grey-1000);
    line-height: 32px
}

.panneau-depliant {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-300);
    max-width: 1120px;
    width: 100%
}

.panneau-depliant .panneau-depliant--title-desc {
    width: 100%
}

.panneau-depliant .npc-msl-collapse-item-body-link {
    margin-top: var(--msl-spacing-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: line;
    flex-direction: line;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: var(--msl-spacing-200);
    color: var(--msl-text-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline
}

.panneau-depliant .npc-msl-link {
    padding: unset;
    margin-top: var(--msl-spacing-400);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline
}

.panneau-depliant .npc-msl-link:focus::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--msl-borderRadius-50);
    border: 2px solid var(--msl-border-focusIndicator);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px
}

.panneau-depliant-wrapper {
    padding-top: var(--msl-spacing-400);
    padding-bottom: var(--msl-spacing-400);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media (min-width: 1170px) {
    .panneau-depliant-wrapper {
        margin-bottom:var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .panneau-depliant-wrapper {
        margin-bottom:20px
    }
}

@media (max-width: 649px) {
    .panneau-depliant-wrapper {
        margin-bottom:var(--msl-spacing-200)
    }
}

@media (min-width: 1170px) {
    .panneau-depliant-wrapper {
        margin-top:var(--msl-spacing-400)
    }
}

@media (min-width: 649px) and (max-width:1170px) {
    .panneau-depliant-wrapper {
        margin-top:20px
    }
}

@media (max-width: 649px) {
    .panneau-depliant-wrapper {
        margin-top:var(--msl-spacing-200)
    }
}

@media (min-width: 649px) {
    .panneau-depliant-wrapper {
        padding-left:var(--msl-spacing-400);
        padding-right: var(--msl-spacing-400)
    }
}

@media (max-width: 649px) {
    .panneau-depliant-wrapper {
        padding-left:20px;
        padding-right: 20px
    }
}

.panneau-depliant-wrapper.panneaux-depliants--default {
    background-color: var(--msl-bg-elmt-minimal)
}

.panneau-depliant-wrapper.panneaux-depliants--white {
    background-color: var(--msl-bg-surface-on-minimal)
}

.panneau-depliant-wrapper.panneaux-depliants--alternate {
    background-color: var(--msl-bg-brand-primary)
}

.panneau-depliant-wrapper.panneaux-depliants--alternate .npc-msl-collapse-item:focus-within {
    border: unset;
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--msl-artwork-grey-0)
}

.panneau-depliant-wrapper.panneaux-depliants--minimal {
    background-color: var(--msl-bg-brand-minimal)
}

.T006 {
    display: none;
    position: absolute;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: var(--msl-artwork-grey-0)
}

.T006 .T006__header {
    position: fixed;
    height: 60px;
    width: 100%;
    background-color: #fff
}

.T006 .T006__logo {
    display: block;
    height: 60px;
    background-color: #fff;
    background-repeat: no-repeat,no-repeat;
    background-size: 60% 60%;
    background-position: center center
}

@media (min-width: 990px) {
    .T006 .T006__logo {
        float:left;
        width: 12.1666666666%;
        margin-left: 20px;
        background-size: 100% 100%;
        background-position: center center
    }
}

.T006 .T006__buttons {
    position: relative;
    float: left;
    height: 60px;
    margin-top: -60px
}

@media (min-width: 990px) {
    .T006 .T006__buttons {
        float:right;
        margin-top: 0
    }
}

.T006 .T006__help {
    display: none
}

@media (min-width: 990px) {
    .T006 .T006__help {
        display:inline;
        float: left;
        width: 60px;
        height: 60px;
        background-color: var(--msl-brand-secondary-400)
    }
}

.T006 .T006__close {
    float: left;
    width: 60px;
    height: 60px;
    background-color: var(--msl-brand-primary);
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 60px
}

.T006 .T006__close::before {
    font-family: "NPC Icons crunchy R2503"!important;
    content: "";
    font-size: var(--msl-fontSize-18)
}

.T006 .T006__criteria {
    position: fixed;
    top: 60px;
    height: 140px;
    width: 100%;
    background-color: var(--msl-brand-primary);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    color: #fff
}

@media (min-width: 990px) {
    .T006 .T006__criteria {
        height:210px;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
}

@media (max-height: 400px) {
    .T006 .T006__criteria {
        height:80px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.T006 .T006__criteria .T006__title {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

@media (min-width: 990px) {
    .T006 .T006__criteria .T006__title {
        margin-top:0;
        margin-bottom: 0
    }
}

@media (max-height: 400px) {
    .T006 .T006__criteria .T006__title {
        margin-top:10px;
        margin-bottom: 0
    }
}

.T006 .T006__criteria .T006__input {
    background-color: var(--msl-brand-primary);
    color: #fff;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    width: 80%;
    height: 25px;
    text-align: center;
    border: none;
    outline: 0!important
}

@media (min-width: 990px) {
    .T006 .T006__criteria .T006__input {
        height:50px;
        font-size: var(--msl-fontSize-40);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (min-width: 990px) and (max-width:989px) {
    .T006 .T006__criteria .T006__input {
        font-size:var(--msl-fontSize-34)
    }
}

.T006 .T006__criteria .T006__input::-webkit-input-placeholder {
    color: #2c9181;
    font-style: italic
}

.T006 .T006__criteria .T006__input::-moz-placeholder {
    color: #2c9181;
    font-style: italic
}

.T006 .T006__criteria .T006__input:-ms-input-placeholder {
    color: #2c9181;
    font-style: italic
}

.T006 .T006__criteria .T006__input::-ms-input-placeholder {
    color: #2c9181;
    font-style: italic
}

.T006 .T006__criteria .T006__input::placeholder {
    color: #2c9181;
    font-style: italic
}

.T006 .T006__criteria .T006__submit--hidden {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.T006 .T006__criteria .T006__subtitle {
    display: none
}

@media (min-width: 990px) {
    .T006 .T006__criteria .T006__subtitle {
        display:block;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-700);
        letter-spacing: .6px;
        text-transform: uppercase
    }
}

.T006 .T006__result {
    overflow: auto;
    position: absolute;
    top: 200px;
    left: 0;
    bottom: 0;
    width: 100%
}

@media (min-width: 990px) {
    .T006 .T006__result {
        top:270px
    }
}

@media (max-height: 400px) {
    .T006 .T006__result {
        top:140px
    }
}

.T006 .T006__result .simpleAccess+.simpleAccess {
    margin-top: 10px
}

.T006 .T006__access-title {
    margin-top: 45px;
    margin-bottom: var(--msl-spacing-200);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase
}

@media (min-width: 990px) {
    .T006 .T006__access-title {
        text-transform:none
    }
}

.T006 .T006__resultContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100%
}

.T006 .T006__accessFaq {
    margin: 30px 10px;
    text-align: center
}

.T006 .Accordions {
    padding: 0 5%;
    margin-bottom: 30px
}

.T007__product,.T007__simulator {
    text-decoration: none;
    color: inherit
}

.T007__product:hover,.T007__simulator:hover {
    text-decoration: none;
    color: inherit
}

.T007 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: var(--msl-artwork-grey-0)
}

.T007__header {
    position: fixed;
    top: 0;
    height: 60px;
    width: 100%;
    background-color: #fff
}

.T007__logo {
    display: block;
    height: 60px;
    background-color: #fff;
    background-repeat: no-repeat,no-repeat;
    background-size: 60% 60%;
    background-position: center center
}

@media (min-width: 990px) {
    .T007__logo {
        float:left;
        width: 12.1666666666%;
        margin-left: 20px;
        background-size: 100% 100%;
        background-position: center center
    }
}

.T007__buttons {
    position: relative;
    float: left;
    height: 60px;
    margin-top: -60px
}

@media (min-width: 990px) {
    .T007__buttons {
        float:right;
        margin-top: 0
    }
}

.T007__help {
    display: none
}

@media (min-width: 990px) {
    .T007__help {
        display:inline;
        float: left;
        width: 60px;
        height: 60px;
        background-color: var(--msl-brand-secondary-400)
    }
}

.T007__close {
    float: left;
    width: 60px;
    height: 60px;
    background-color: var(--msl-brand-primary);
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 60px
}

.T007__close::before {
    font-family: "NPC Icons crunchy R2503"!important;
    content: "";
    font-size: var(--msl-fontSize-18)
}

.T007__criteria {
    position: fixed;
    z-index: 60;
    top: 60px;
    height: 60px;
    width: 100%;
    background-color: var(--msl-brand-primary);
    color: #fff
}

@media (min-width: 990px) {
    .T007__criteria {
        -webkit-justify-content:space-around;
        justify-content: space-around
    }
}

.T007__criteria .T007__form {
    display: table;
    width: 100%;
    height: 60px
}

@media (min-width: 990px) {
    .T007__criteria .T007__form .T007__form-picto {
        display:table-cell;
        vertical-align: middle;
        width: 60px;
        padding-right: 10px;
        text-align: right
    }

    .T007__criteria .T007__form .T007__form-picto::before {
        font-size: var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        font-family: "NPC Icons crunchy R2503"!important;
        content: "";
        color: var(--msl-brand-secondary-400)
    }
}

.T007__criteria .T007__form .T007__form-input {
    display: table-cell;
    width: 100%;
    background-color: var(--msl-brand-primary);
    color: #fff;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    border: none;
    outline: 0!important
}

@media (min-width: 990px) {
    .T007__criteria .T007__form .T007__form-input {
        text-align:left;
        font-size: var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700);
        line-height: 30px
    }
}

.T007__criteria .T007__form .T007__form-input::-webkit-input-placeholder {
    color: #2c9181;
    font-style: italic
}

.T007__criteria .T007__form .T007__form-input::-moz-placeholder {
    color: #2c9181;
    font-style: italic
}

.T007__criteria .T007__form .T007__form-input:-ms-input-placeholder {
    color: #2c9181;
    font-style: italic
}

.T007__criteria .T007__form .T007__form-input::-ms-input-placeholder {
    color: #2c9181;
    font-style: italic
}

.T007__criteria .T007__form .T007__form-input::placeholder {
    color: #2c9181;
    font-style: italic
}

.T007__column1 {
    width: 100%
}

.T007__column2 {
    width: 100%;
    padding: 0 20px 20px
}

@media (min-width: 990px) {
    .T007__column2 {
        width:50%;
        padding: 0 40px 20px
    }
}

.T007__panel-title {
    display: none;
    width: 100%;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.T007__panel-keyword {
    width: 100%;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.T007__panel-keyword::before {
    float: left;
    content: "\""
}

.T007__panel-keyword::after {
    content: "\""
}

.T007__panel-nav .T007__panel-item .T007__panel-link {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

@media (min-width: 990px) {
    .T007__panel-nav .T007__panel-item .T007__panel-link {
        width:100%;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-16);
        font-weight: var(--msl-fontWeight-400);
        padding: 20px;
        border-bottom: 2px solid var(--msl-artwork-grey-100)
    }
}

.T007__panel-nav .T007__panel-item .T007__panel-link:focus,.T007__panel-nav .T007__panel-item .T007__panel-link:hover {
    background: 0 0;
    color: var(--msl-brand-primary)
}

.T007__panel-nav .T007__panel-item.active .T007__panel-link {
    color: var(--msl-brand-primary)
}

.T007__panel-dropdownToggle {
    display: none
}

.T007__title {
    margin-top: 35px;
    margin-bottom: var(--msl-spacing-200);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    font-weight: var(--msl-fontWeight-600);
    text-transform: uppercase;
    text-align: center
}

.T007__title:focus {
    outline: 0;
    color: var(--msl-brand-primary)
}

@media (min-width: 990px) {
    .T007__title {
        text-transform:none
    }
}

.T007__plus {
    height: 20px;
    width: 100%;
    display: table;
    text-align: center;
    margin-top: 10px
}

.T007__answers .Accordions {
    padding: 0
}

.T007__answers .AccordionSteps {
    width: 100%;
    margin: 0
}

.T007__answers .AccordionSteps-headerToggle {
    padding-right: 10px
}

.T007__answers a.AccordionSteps-headerToggle {
    text-decoration: none
}

.T007__answers a.AccordionSteps-headerToggle:focus {
    text-decoration: underline
}

.T007__article {
    height: 125px;
    width: 100%;
    background-color: var(--msl-artwork-grey-50);
    display: table;
    margin-top: 5px;
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.T007__article:active,.T007__article:focus,.T007__article:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-400)
}

.T007__article:active .T007__article-type,.T007__article:active:after,.T007__article:focus .T007__article-type,.T007__article:focus:after,.T007__article:hover .T007__article-type,.T007__article:hover:after {
    color: inherit
}

.T007__article:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    color: var(--msl-brand-primary)
}

.T007__article .T007__article-image {
    display: none
}

@media (min-width: 650px) {
    .T007__article .T007__article-image {
        display:table-cell;
        height: 125px;
        width: 125px;
        background-color: #fff;
        background-repeat: no-repeat,no-repeat;
        background-size: cover;
        background-position: center center
    }
}

.T007__article .T007__article-description {
    display: table-cell;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 0
}

.T007__article .T007__article-type {
    text-decoration: none;
    color: var(--msl-brand-primary)
}

.T007__article .T007__article-title {
    text-transform: uppercase;
    margin-top: var(--msl-spacing-100)
}

.T007__article .T007__article-text {
    margin-top: var(--msl-spacing-50)
}

.T007__simulator {
    height: 90px;
    width: 100%;
    background-color: var(--msl-artwork-grey-50);
    display: table;
    margin-bottom: 5px
}

.T007__simulator::after {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    content: "";
    font-family: "NPC Icons crunchy R2503"!important;
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-primary)
}

.T007__simulator .T007__simulator-logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 90px;
    height: 90px;
    padding: var(--msl-spacing-100)
}

.T007__simulator .T007__simulator-picto {
    width: 74px;
    height: 74px;
    background-color: var(--msl-brand-secondary-400);
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center
}

.T007__simulator .T007__simulator-description {
    display: table-cell;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 30px
}

.T007__simulator .T007__simulator-description .T007__simulator-type {
    text-decoration: none
}

.T007__simulator .T007__simulator-description .T007__simulator-text {
    margin-top: 5px;
    color: var(--msl-artwork-grey-900)
}

.T007__simulator,.T007__simulator:active,.T007__simulator:focus,.T007__simulator:hover {
    text-decoration: none
}

.T007__simulator:hover {
    background-color: var(--msl-brand-secondary-400)
}

.T007__simulator:hover::after {
    color: #fff
}

.T007__simulator:hover .T007__simulator-description {
    color: var(--msl-artwork-grey-0)
}

.T007__simulator:hover .T007__simulator-description .T007__simulator-text {
    color: var(--msl-artwork-grey-0)
}

.T007__product {
    height: 125px;
    width: 100%;
    background-color: var(--msl-artwork-grey-50);
    display: table;
    table-layout: fixed;
    margin-bottom: 5px
}

.T007__product::before {
    display: table-cell;
    content: "";
    height: 125px;
    width: 10px;
    background-color: var(--msl-brand-secondary-400)
}

.T007__product::after {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    content: "";
    font-family: "NPC Icons crunchy R2503"!important;
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-primary)
}

.T007__product .T007__product-description {
    height: 125px;
    display: table-cell;
    vertical-align: middle;
    color: var(--msl-artwork-grey-900);
    padding-left: 20px
}

.T007__product .T007__product-description .T007__product-title {
    text-transform: uppercase;
    font-weight: var(--msl-fontWeight-700)
}

.T007__product:hover {
    background-color: var(--msl-brand-secondary-400)
}

.T007__product:hover::after {
    color: #fff
}

.T007__product:hover .T007__product-description {
    color: #fff
}

.T007__notfound {
    width: 100%;
    background-color: var(--msl-artwork-grey-50);
    padding-top: 30px;
    padding-bottom: 30px
}

.T007__notfound .T007__title {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: 25px
}

@media (min-width: 650px) {
    .T007__notfound .T007__title {
        font-size:var(--msl-fontSize-24);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }
}

.T007__notfound .T007__subtitle {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 30px;
    margin-bottom: 10px
}

.T007__notfound .T007__3columns {
    display: none
}

@media (min-width: 990px) {
    .T007__notfound .T007__3columns {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0 15px
    }

    .T007__notfound .T007__3columns:after {
        content: '';
        display: table;
        clear: both
    }
}

.T007__notfound .T007__3columns .T007__associated,.T007__notfound .T007__3columns .T007__contact,.T007__notfound .T007__3columns .T007__filters {
    margin: 25px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 33.33%
}

.T007__notfound .T007__3columns .T007__SimpleAccess-notFound {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.T007__notfound .T007__3columns .T007__SimpleAccess-notFound .simpleAccess {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-height: 125px
}

.T007__notfound .Faq-frequently {
    max-width: 100%
}

.T007__notfound .Faq-frequently .AccordionSteps-main a,.T007__notfound .Faq-frequently .AccordionSteps-main a:active,.T007__notfound .Faq-frequently .AccordionSteps-main a:focus,.T007__notfound .Faq-frequently .AccordionSteps-main a:hover {
    color: var(--msl-artwork-grey-900);
    text-decoration: none
}

.T007__notfound .Faq-frequently .AccordionSteps-main a .AccordionSteps-main--marginText {
    margin-bottom: 25px
}

@media (max-width: 649px) {
    .T007__notfound .Faq-frequently .AccordionSteps-main a {
        text-align:center
    }
}

.T007__notfound .simpleAccess {
    min-height: 60px
}

.T007__menu {
    height: 60px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    border-radius: var(--msl-borderRadius-50);
    background-color: var(--msl-artwork-grey-0);
    display: table;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px
}

.T007__menu,.T007__menu:active,.T007__menu:focus,.T007__menu:hover {
    text-decoration: none
}

.T007__menu:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    color: var(--msl-brand-primary)
}

.T007__menu.collapsed:after {
    content: ""
}

.T007__menu .T007__menu-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    color: var(--msl-artwork-grey-900)
}

.T007__menu-items {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: #fff;
    border-spacing: 0;
    margin-left: 10px;
    margin-bottom: 5px
}

.T007__menu-items .T007__item {
    display: table;
    width: 100%;
    height: 60px;
    padding-left: 5%;
    padding-right: 5%;
    text-decoration: none;
    color: var(--msl-artwork-grey-900);
    border-bottom: 1px solid var(--msl-artwork-grey-100)
}

.T007__menu-items .T007__item-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 50px
}

.T007__shortcut {
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    z-index: 1
}

@media (min-width: 990px) {
    .T007__shortcut {
        display:none
    }
}

.T007__shortcut .T007__menu {
    display: table;
    height: 60px;
    width: 100%;
    margin: 0;
    padding-left: 5%;
    padding-right: 5%;
    background-color: var(--msl-artwork-grey-50)
}

.T007__shortcut .T007__menu:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    color: var(--msl-brand-primary)
}

.T007__shortcut .T007__menu.collapsed:after {
    content: ""
}

.T007__shortcut .T007__menu-text {
    padding-left: 0;
    color: var(--msl-brand-primary)
}

.T007__shortcut .T007__menu-items {
    width: 100%;
    margin: 0
}

.T007__shortcut .T007__item-text {
    text-align: left
}

.T007__notfound-photo {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 40px;
    background-color: var(--msl-artwork-grey-50);
    overflow: hidden;
    border-radius: 50%;
    text-align: center
}

.T007__notfound-photo>img {
    height: 100%
}

.T007__notfound-msg1 {
    margin-top: 20px;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary);
    margin-left: 20%;
    margin-right: 20%
}

.T007__notfound-msg2 {
    margin-top: 10px;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600);
    margin-left: 20%;
    margin-right: 20%
}

.T007__notfound-msg2>a {
    color: var(--msl-artwork-grey-900);
    text-decoration: underline;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-600)
}

.T007__notfound-frame {
    width: 60%;
    max-width: 550px;
    margin: 30px auto
}

@media (max-width: 989px) {
    .T007__notfound-frame {
        min-height:200px
    }
}

@media (max-width: 649px) {
    .T007__notfound-frame {
        width:80%
    }
}

.T007__main {
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: var(--msl-artwork-grey-0)
}

@media (max-width: 989px) {
    .T007__main {
        top:167px
    }
}

.T007__result .simpleAccess+.simpleAccess {
    margin-top: 10px
}

@media (min-width: 990px) {
    .T007__result:after {
        content:'';
        display: table;
        clear: both
    }

    .T007__panel-title {
        display: block
    }

    .T007__column1 {
        float: left;
        width: 50%
    }

    .T007__column1.js-Sticky--enable .js-StickyWrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        background: var(--msl-artwork-grey-0)
    }

    .T007__column2 {
        float: right
    }

    .T007__column2 .BlockLink-title {
        color: var(--msl-artwork-grey-1000)
    }

    .T007__panel {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-height: 100%;
        padding: 20px;
        overflow: auto
    }

    .T007__panel-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 60px;
        min-height: 40px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (max-width: 989px) {
    .T007__column2,.T007__notfound {
        padding-left:5%;
        padding-right: 5%
    }
}

@media (max-width: 649px) {
    .T007__column2,.T007__notfound {
        padding-left:7%;
        padding-right: 7%
    }
}

.Login-header {
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    z-index: 9995;
    width: 100%;
    height: 60px;
    background-color: var(--msl-artwork-grey-0);
    box-shadow: var(--msl-boxShadow-s)
}

.Login-header~.Template {
    margin-top: 60px
}

.Login-header--first {
    background-color: var(--msl-artwork-grey-50)
}

.Login-header--first .Login-logo {
    background-color: var(--msl-artwork-grey-50)
}

.Login-logo {
    height: 60px;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 990px) {
    .Login-logo {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        flex: 1
    }
}

@media (min-width: 990px) {
    .Login-logo {
        max-width:236px;
        background-color: #fff
    }
}

.Login-logoImg {
    max-width: 100%;
    max-height: 100%
}

div.Login-logoImg {
    height: 100%
}

@media all and (-ms-high-contrast:none) and (min-width: 990px),(-ms-high-contrast:active) and (min-width:990px) {
    div.Login-logoImg {
        width:100%
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    div.Login-logoImg img {
        height: auto!important;
        max-height: 40px!important
    }
}

.Login-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 60px;
    font-size: 24px;
    line-height: 1;
    border: 0
}

.Login-close:focus-visible {
    outline-offset: -5px;
    outline-color: var(--msl-border-focusIndicator-reverse);
    outline-width: 2px;
    outline-style: solid
}

.Login-close[role=button]:after {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: ""
}

.Login-message {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10%;
    padding-right: 10%;
    color: var(--msl-artwork-grey-0);
    font-size: 3vh;
    font-weight: var(--msl-fontWeight-400);
    line-height: 1.33em;
    text-transform: uppercase
}

.Login-lostPswd {
    text-align: right
}

@media (min-width: 650px) {
    .Login-lostPswd {
        position:relative
    }
}

.Login-accountLabel {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.Login-container {
    padding: 20px 5%
}

.Login-container>.Login-title> {
    font-weight: var(--msl-fontWeight-700);
    line-height: 48px
}

.Login-form {
    width: 100%
}

@media (max-width: 649px) {
    .Login-form {
        padding:10px 0
    }
}

@media (min-width: 650px) {
    .Login-form {
        padding:0 10% 0 0
    }
}

@media (min-width: 990px) {
    .Login-form {
        margin-top:var(--msl-spacing-500)
    }

    .Login-form input::-webkit-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input::-moz-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input:-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input::-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input,.Login-form input::placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input.btn {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-700)
    }
}

@media (min-width: 320px) and (max-width:990px) {
    .Login-form input[type=password]::-webkit-input-placeholder {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input[type=password]::-moz-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input[type=password]:-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input[type=password]::-ms-input-placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .Login-form input[type=password]::placeholder {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }
}

.Login-form p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.Login-button {
    margin-top: 20px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-600)
}

@media screen and (orientation: landscape) and (max-width:989px) {
    .Login-button {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-600)
    }
}

@media screen and (min-width: 990px) and (max-width:1090px) {
    .Login-button {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-11);
        font-weight: var(--msl-fontWeight-600);
        padding-left: 5px
    }
}

.Login-keypad {
    display: table;
    border-spacing: 10px;
    border-collapse: separate;
    margin-left: -10px;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px)
}

.Login-key {
    display: table-cell;
    height: 45px;
    background-color: var(--msl-artwork-grey-0);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-900);
    border-radius: var(--msl-borderRadius-50);
    width: 50px
}

.Login-key:hover {
    color: var(--msl-artwork-grey-900)
}

.Login-information {
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px
}

.Login-information a {
    color: var(--msl-brand-primary)
}

@media screen and (max-width: 989px) {
    .Login-information {
        padding-top:30px
    }
}

@media screen and (min-width: 650px) and (max-width:989px) {
    .Login-information {
        padding-top:30px
    }
}

.Login-accountEntry {
    padding: 0
}

.Login-noPadding {
    padding-right: 0;
    padding-left: 0
}

.Login-saveMyId {
    float: left;
    margin-top: -2px;
    margin-left: 2px
}

.Login-saveMyIdLabel {
    color: var(--msl-brand-primary);
    text-transform: none;
    font-weight: var(--msl-fontWeight-400)
}

.Login-errorAccount {
    float: left;
    color: var(--msl-functionnal-danger-100);
    margin-bottom: 15px
}

.Login-errorEmpty {
    border: 1px solid var(--msl-functionnal-danger-100)
}

.register.parsys {
    margin-top: 100px
}

@media (max-width: 989px) {
    .register.parsys {
        margin-top:30px
    }
}

p.RichText-texteVignettes {
    font-weight: var(--msl-fontWeight-400)
}

.ForgotPswd {
    width: 100%;
    height: 100%
}

.ForgotPswd-imgWrapper .PushNinePos-paragraph {
    margin: 0 5%;
    padding: 30px;
    font-family: var(--msl-fontFamily-body);
    text-align: left;
    text-transform: uppercase;
    background-color: var(--msl-brand-primary)
}

.ForgotPswd-imgCol {
    padding: 0
}

.ForgotPswd-title--lineHeight {
    line-height: 18px
}

.ForgotPswd-imgText {
    width: 90%;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    position: absolute;
    bottom: 15%;
    margin: 0 5%;
    padding: 30px
}

.ForgotPswd-imgTextFirstPart {
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 0;
    margin-top: 0
}

.ForgotPswd-resetPswd {
    background-color: var(--msl-artwork-grey-50);
    padding: 0 5% 20px
}

.ForgotPswd-resetPswd--left {
    width: 100%;
    padding: 0 5%
}

.ForgotPswd-information {
    width: 100%;
    float: left;
    height: 100%
}

.ForgotPswd-information--margin {
    margin-top: var(--msl-spacing-500)
}

.ForgotPswd-contact {
    width: 50%;
    height: 100%;
    float: left;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.ForgotPswd-contact,.ForgotPswd-security {
    padding: var(--msl-spacing-500) 5%
}

.ForgotPswd-contactTitle {
    font-weight: var(--msl-fontWeight-700);
    margin-bottom: 3px
}

.ForgotPswd-contactSubtitle {
    font-weight: var(--msl-fontWeight-400);
    margin-top: 0
}

.ForgotPswd-contactSubtitle,.ForgotPswd-securityTitle {
    margin-bottom: 30px
}

.ForgotPswd-security {
    width: 50%;
    float: left;
    height: 100%;
    background-color: var(--msl-artwork-grey-100);
    color: var(--msl-artwork-grey-900)
}

.ForgotPswd-securityTitle {
    font-weight: var(--msl-fontWeight-700)
}

.ForgotPswd-paragraphInformation {
    width: 90%;
    font-weight: var(--msl-fontWeight-400)
}

.ForgotPswd-links {
    color: var(--msl-artwork-grey-900)
}

.ForgotPswd-paragraphInformationPadding {
    padding-bottom: 20px
}

.ForgotPswd-connectionSaveMyId {
    margin-top: var(--msl-spacing-100);
    margin-bottom: 25px
}

.ForgotPswd-resetPswdTitles {
    width: 100%;
    margin-top: 55px;
    color: var(--msl-brand-primary)
}

.ForgotPswd-resetPswdFirstTitle {
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 30px
}

.ForgotPswd-resetPswdPara {
    color: var(--msl-artwork-grey-900);
    width: 80%;
    margin-bottom: 30px;
    font-weight: var(--msl-fontWeight-400)
}

.ForgotPswd-resetPswdPara--confirm {
    color: var(--msl-artwork-grey-900);
    width: 80%;
    font-weight: var(--msl-fontWeight-400)
}

.ForgotPswd-resetPswdPara--primary {
    color: var(--msl-brand-primary);
    font-weight: var(--msl-fontWeight-400)
}

.ForgotPswd-resetPswdColForm {
    width: 100%
}

.ForgotPswd-resetPswdForm {
    padding-left: 0;
    padding-right: 0
}

.ForgotPswd-resetPswdForm--noPadding {
    padding: 0
}

.ForgotPswd-resetPswdFormLeft {
    width: 48%;
    float: left
}

.ForgotPswd-resetPswdFormRight {
    width: 48%;
    float: right
}

.ForgotPswd-resetPswdBtnForm {
    width: 100%;
    float: left;
    margin-top: 30px
}

.ForgotPswd-resetPswdBtnForm--confirm {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 30px
}

.ForgotPswd-resetPswdFirstBtnForm--confirm,.ForgotPswd-resetPswdSecondBtnForm--confirm {
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-primary);
    color: var(--msl-brand-primary);
    width: 31%;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.ForgotPswd-resetPswdFirstBtnForm--confirm.focus,.ForgotPswd-resetPswdFirstBtnForm--confirm.hover,.ForgotPswd-resetPswdFirstBtnForm--confirm:focus,.ForgotPswd-resetPswdFirstBtnForm--confirm:hover,.ForgotPswd-resetPswdSecondBtnForm--confirm.focus,.ForgotPswd-resetPswdSecondBtnForm--confirm.hover,.ForgotPswd-resetPswdSecondBtnForm--confirm:focus,.ForgotPswd-resetPswdSecondBtnForm--confirm:hover {
    color: var(--msl-brand-secondary-400);
    border-color: var(--msl-brand-secondary-400)
}

.ForgotPswd-resetPswdFirstBtnForm--confirm.active,.ForgotPswd-resetPswdFirstBtnForm--confirm:active,.ForgotPswd-resetPswdSecondBtnForm--confirm.active,.ForgotPswd-resetPswdSecondBtnForm--confirm:active {
    color: var(--msl-brand-secondary-500);
    border-color: var(--msl-brand-secondary-500)
}

.ForgotPswd-resetPswdThirdBtnForm--confirm {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border-width: 1px;
    border-color: var(--msl-brand-primary);
    width: 31%;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.ForgotPswd-resetPswdSecondBtnForm--confirm {
    margin-left: 1%;
    margin-right: 1%
}

.ForgotPswd-resetPswdThirdBtnForm {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border-width: 1px;
    border-color: var(--msl-brand-primary);
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.ForgotPswd-resetPswdThirdBtnForm.focus,.ForgotPswd-resetPswdThirdBtnForm.hover,.ForgotPswd-resetPswdThirdBtnForm:focus,.ForgotPswd-resetPswdThirdBtnForm:hover {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-400)
}

.ForgotPswd-resetPswdThirdBtnForm.active,.ForgotPswd-resetPswdThirdBtnForm:active {
    background-color: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-500)
}

.ForgotPswd-resetPswdThirdBtnForm.disabled,.ForgotPswd-resetPswdThirdBtnForm.disabled.active,.ForgotPswd-resetPswdThirdBtnForm.disabled.focus,.ForgotPswd-resetPswdThirdBtnForm.disabled.hover,.ForgotPswd-resetPswdThirdBtnForm.disabled:active,.ForgotPswd-resetPswdThirdBtnForm.disabled:focus,.ForgotPswd-resetPswdThirdBtnForm.disabled:hover,.ForgotPswd-resetPswdThirdBtnForm[disabled],.ForgotPswd-resetPswdThirdBtnForm[disabled].active,.ForgotPswd-resetPswdThirdBtnForm[disabled].focus,.ForgotPswd-resetPswdThirdBtnForm[disabled].hover,.ForgotPswd-resetPswdThirdBtnForm[disabled]:active,.ForgotPswd-resetPswdThirdBtnForm[disabled]:focus,.ForgotPswd-resetPswdThirdBtnForm[disabled]:hover,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm.active,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm.focus,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm.hover,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm:active,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm:focus,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm:hover {
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100);
    color: rgba(102,110,138,.3);
    cursor: not-allowed
}

.ForgotPswd-resetPswdThirdBtnForm--padDefault {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.ForgotPswd-resetPswdFirstBtnForm,.ForgotPswd-resetPswdSecondBtnForm {
    width: 48%;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.ForgotPswd-resetPswdThirdBtnForm--confirm {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border-width: 1px;
    border-color: var(--msl-brand-primary);
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500)
}

.ForgotPswd-resetPswdThirdBtnForm--confirm.focus,.ForgotPswd-resetPswdThirdBtnForm--confirm.hover,.ForgotPswd-resetPswdThirdBtnForm--confirm:focus,.ForgotPswd-resetPswdThirdBtnForm--confirm:hover {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-400)
}

.ForgotPswd-resetPswdThirdBtnForm--confirm.active,.ForgotPswd-resetPswdThirdBtnForm--confirm:active {
    background-color: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-500)
}

.ForgotPswd-resetPswdThirdBtnForm--confirm.disabled,.ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.active,.ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.focus,.ForgotPswd-resetPswdThirdBtnForm--confirm.disabled.hover,.ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:active,.ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:focus,.ForgotPswd-resetPswdThirdBtnForm--confirm.disabled:hover,.ForgotPswd-resetPswdThirdBtnForm--confirm[disabled],.ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].active,.ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].focus,.ForgotPswd-resetPswdThirdBtnForm--confirm[disabled].hover,.ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:active,.ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:focus,.ForgotPswd-resetPswdThirdBtnForm--confirm[disabled]:hover,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.active,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.focus,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm.hover,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:active,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:focus,fieldset[disabled] .ForgotPswd-resetPswdThirdBtnForm--confirm:hover {
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100);
    color: rgba(102,110,138,.3);
    cursor: not-allowed
}

.ForgotPswd-resetPswdFirstBtnForm {
    background-color: var(--msl-artwork-grey-0);
    border: 1px solid var(--msl-brand-primary);
    color: var(--msl-brand-primary);
    float: left
}

.ForgotPswd-resetPswdFirstBtnForm.focus,.ForgotPswd-resetPswdFirstBtnForm.hover,.ForgotPswd-resetPswdFirstBtnForm:focus,.ForgotPswd-resetPswdFirstBtnForm:hover {
    color: var(--msl-brand-secondary-400);
    border-color: var(--msl-brand-secondary-400)
}

.ForgotPswd-resetPswdFirstBtnForm.active,.ForgotPswd-resetPswdFirstBtnForm:active {
    color: var(--msl-brand-secondary-500);
    border-color: var(--msl-brand-secondary-500)
}

.ForgotPswd-resetPswdSecondBtnForm {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border-width: 1px;
    border-color: var(--msl-brand-primary);
    float: right
}

.ForgotPswd-resetPswdSecondBtnForm.focus,.ForgotPswd-resetPswdSecondBtnForm.hover,.ForgotPswd-resetPswdSecondBtnForm:focus,.ForgotPswd-resetPswdSecondBtnForm:hover {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-400)
}

.ForgotPswd-resetPswdSecondBtnForm.active,.ForgotPswd-resetPswdSecondBtnForm:active {
    background-color: var(--msl-brand-secondary-500);
    color: var(--msl-artwork-grey-0);
    border-color: var(--msl-brand-secondary-500)
}

.ForgotPswd-resetPswdSecondBtnForm.disabled,.ForgotPswd-resetPswdSecondBtnForm.disabled.active,.ForgotPswd-resetPswdSecondBtnForm.disabled.focus,.ForgotPswd-resetPswdSecondBtnForm.disabled.hover,.ForgotPswd-resetPswdSecondBtnForm.disabled:active,.ForgotPswd-resetPswdSecondBtnForm.disabled:focus,.ForgotPswd-resetPswdSecondBtnForm.disabled:hover,.ForgotPswd-resetPswdSecondBtnForm[disabled],.ForgotPswd-resetPswdSecondBtnForm[disabled].active,.ForgotPswd-resetPswdSecondBtnForm[disabled].focus,.ForgotPswd-resetPswdSecondBtnForm[disabled].hover,.ForgotPswd-resetPswdSecondBtnForm[disabled]:active,.ForgotPswd-resetPswdSecondBtnForm[disabled]:focus,.ForgotPswd-resetPswdSecondBtnForm[disabled]:hover,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm.active,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm.focus,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm.hover,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm:active,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm:focus,fieldset[disabled] .ForgotPswd-resetPswdSecondBtnForm:hover {
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100);
    color: rgba(102,110,138,.3);
    cursor: not-allowed
}

.ResetPswd-secondBtnForm {
    margin: 5px 0 7px
}

.ResetPswd-vocalityBtn {
    background-color: var(--msl-artwork-grey-900);
    border-color: var(--msl-artwork-grey-900)
}

.ResetPswd-vocalityBtn:hover {
    background-color: var(--msl-artwork-grey-900);
    border-color: var(--msl-artwork-grey-900)
}

.ResetPswd-vocalitySpan {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    margin-right: var(--msl-spacing-50)
}

.ForgotPswd-confirmForm {
    width: 100%;
    padding-left: 6px;
    float: left
}

.ForgotPswd-confirmFormLabel {
    text-transform: none;
    padding-left: 23px!important
}

.ForgotPswd-resetPswdRecapForm {
    margin-bottom: 30px
}

.ForgotPswd-resetPswdRecap {
    padding: 15px;
    background-color: var(--msl-artwork-grey-0);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 2px
}

.ForgotPswd-saveMyIdLabel {
    padding-left: 22px!important
}

.ForgotPswd-saveMyIdLabel::after {
    border-radius: 50%!important
}

.ResetPswd-enterOldPswd {
    padding-top: 20px
}

.ResetPswd-subtitles {
    margin: 0
}

.ResetPswd-secondKeypad {
    margin-top: -10px
}

.ResetPswd-key {
    border-radius: 3px
}

.ResetPswd-enterNewPswd {
    padding-top: 25px
}

.ResetPswd-confirmNewPswd {
    margin-top: var(--msl-spacing-100)
}

.ResetPswd-enterOldPswd--padBot {
    padding-bottom: 20px
}

.ResetPswd-confirmInformationRight {
    padding-top: 10px
}

@media screen and (max-width: 989px) {
    .ForgotPswd-imgWrapper,.ForgotPswd-information,.ForgotPswd-resetPswd {
        float:left;
        width: 100%
    }

    .ForgotPswd-resetPswd {
        padding-bottom: 50px
    }

    .ForgotPswd-contact {
        background-color: var(--msl-artwork-grey-100);
        color: var(--msl-artwork-grey-900)
    }

    .ForgotPswd-security {
        background-color: var(--msl-artwork-grey-50)
    }

    .ForgotPswd-imgWrapper {
        height: 450px
    }
}

@media screen and (max-width: 649px) {
    .ForgotPswd-contact,.ForgotPswd-resetPswdFirstBtnForm,.ForgotPswd-resetPswdFirstCol,.ForgotPswd-resetPswdFormLeft,.ForgotPswd-resetPswdFormRight,.ForgotPswd-resetPswdSecondBtnForm,.ForgotPswd-security {
        width:100%;
        float: left
    }

    .ForgotPswd-contact {
        background-color: var(--msl-artwork-grey-50)
    }

    .ForgotPswd-resetPswdFirstBtnForm {
        margin-top: 15px
    }

    .ForgotPswd-contact,.ForgotPswd-security {
        padding: 10px 5%
    }

    .ForgotPswd-resetPswdFirstBtnForm--confirm,.ForgotPswd-resetPswdSecondBtnForm--confirm,.ForgotPswd-resetPswdThirdBtnForm--confirm {
        width: 100%;
        margin: 0 0 10px
    }

    .ForgotPswd-resetPswdBtnForm--confirm {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .ForgotPswd-resetPswdRecap {
        display: block
    }

    .ForgotPswd-resetPswdThirdBtnForm {
        width: 100%
    }

    .ForgotPswd-resetPswd--smallPad {
        padding-bottom: 20px
    }

    .Login-information--hidden {
        display: none
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1366px) {
    .ForgotPswd-imgWrapper {
        height:75%
    }
}

.CompatibilityError {
    width: 100%;
    height: 100%;
    border: 0;
    border-collapse: collapse
}

.CompatibilityError-header {
    height: 64px;
    padding: 0 20px;
    box-shadow: var(--msl-boxShadow-s)
}

.CompatibilityError-content {
    text-align: center;
    background: var(--msl-artwork-grey-0);
    padding-bottom: var(--msl-spacing-800)
}

.CompatibilityError-container {
    width: 720px;
    margin: var(--msl-spacing-800) auto
}

.CompatibilityError-container-incompat {
    margin: var(--msl-spacing-800) var(--msl-spacing-200)
}

.CompatibilityError-content-message {
    font-size: var(--msl-fontSize-18)
}

.CompatibilityError-content-spacing {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-top: var(--msl-spacing-500);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.CompatibilityError-icon {
    font-size: 24px;
    color: var(--msl-functionnal-danger-100);
    border-radius: 50%;
    width: 64px;
    height: 64px;
    background-color: var(--msl-functionnal-danger-30)
}

.CompatibilityError-icon.icon.npc-exclamation:before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block
}

.CompatibilityError-logos {
    float: left;
    display: inline;
    width: 100%;
    overflow: hidden
}

.CompatibilityError-logo {
    float: left;
    display: inline;
    width: 25%;
    padding: 20px 0;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--msl-artwork-grey-900)
}

.CompatibilityError-logoTitle {
    margin-top: 10px
}

.StrongAuthentication-information {
    width: 100%
}

.StrongAuthentication-caSavoie {
    width: 100%
}

.StrongAuthentication-adress {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.StrongAuthentication-adress,.StrongAuthentication-analyseSituation {
    padding: var(--msl-spacing-500)
}

.StrongAuthentication-adressTitle {
    margin: 0
}

.StrongAuthentication-adressSubtitle {
    margin-top: 2px;
    margin-bottom: 15px
}

.StrongAuthentication-analyseSituation {
    background-color: var(--msl-artwork-grey-50);
    text-align: center
}

.StrongAuthentication-para {
    font-weight: var(--msl-fontWeight-400)
}

.StrongAuthentication-para--gray {
    color: var(--msl-artwork-grey-900)
}

.StrongAuthentication-para--padLeft46 {
    padding-left: 46px
}

.StrongAuthentication-noMarginBot {
    margin-bottom: 0
}

.StrongAuthentication-openingHours {
    margin-top: 15px
}

.StrongAuthentication-adressLink {
    color: var(--msl-artwork-grey-0)
}

.StrongAuthentication-adressLink:active,.StrongAuthentication-adressLink:focus,.StrongAuthentication-adressLink:hover,.StrongAuthentication-adressLink:visited {
    color: var(--msl-artwork-grey-0)
}

.StrongAuthentication-analyseSituationTitle {
    color: var(--msl-brand-primary);
    margin-bottom: 0
}

.StrongAuthentication-para--marginTB {
    margin: 10px 0
}

.StrongAuthentication-analyseSituationImg {
    margin-bottom: 15px
}

.StrongAuthentication-analyseLogo {
    width: 35px
}

.StrongAuthentication-authenticateU {
    padding: 5%
}

.StrongAuthentication-authenticateU--noTopPad {
    padding-top: 0
}

.StrongAuthentication-authenticateUContent {
    padding-top: 15px
}

.StrongAuthentication-authenticateU #phoneNumber {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.StrongAuthentication-rightArrow {
    font-size: 1.1em;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-400);
    padding: 7px;
    border-radius: 50%;
    margin-right: 10px
}

.StrongAuthentication-formGroup {
    width: 102%;
    margin: -1%;
    padding: 0 var(--msl-spacing-500);
    font-size: 0;
    letter-spacing: -.31em;
    word-spacing: -0.43em;
    text-rendering: optimizespeed
}

.StrongAuthentication-formGroupContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width: 649px) {
    .StrongAuthentication-formGroupContent {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.StrongAuthentication-formInline {
    padding-left: 0;
    padding-right: 0
}

.StrongAuthentication-radioBtn {
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-size: 12px;
    font-family: var(--msl-fontFamily-body);
    width: 48%;
    margin: 10px 1%!important
}

.StrongAuthentication-radioBtn .radio-input {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.StrongAuthentication-radioBtn .radio-input:checked+label {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0)
}

.StrongAuthentication-radioLabel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    padding: 17px 20px 17px 43px!important;
    text-transform: none;
    background-color: var(--msl-artwork-grey-50);
    border-radius: var(--msl-borderRadius-100)
}

.StrongAuthentication-radioLabel:after,.StrongAuthentication-radioLabel:before {
    left: 20px!important;
    top: 50%!important;
    margin-top: -7px
}

.StrongAuthentication-formActions {
    margin-top: 30px;
    margin-top: -7px
}

.StrongAuthentication-authenticateUBtnWrapper {
    padding-top: 30px;
    text-align: center
}

.StrongAuthentication-authenticateUBtn {
    width: 150px;
    margin: 0 10px
}

.StrongAuthentication-authenticateUValidBtn {
    background-color: var(--msl-brand-primary)!important;
    color: var(--msl-artwork-grey-0)!important;
    margin-left: 10px
}

.StrongAuthentication-authenticateUValidBtn:active,.StrongAuthentication-authenticateUValidBtn:focus,.StrongAuthentication-authenticateUValidBtn:hover {
    background-color: var(--msl-brand-secondary-500)!important
}

.SmsAuthentication-iconChecked {
    font-size: 24px;
    color: var(--msl-brand-secondary-400);
    margin-right: 10px
}

.AccordionSteps-itemContent--empty {
    height: 51px;
    margin-left: -7.5px
}

.StrongAuthentication-rightArrowPhone {
    font-size: 24px;
    color: var(--msl-brand-primary);
    margin-right: 10px
}

.SmsAuthentication-enterPhoneNumb {
    background-color: var(--msl-artwork-grey-50);
    padding: 20px;
    border-radius: var(--msl-borderRadius-100);
    text-align: center;
    margin: 30px 46px 10px
}

.SmsAuthentication-enterPhoneNumb--secondV {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.StrongAuthentication-notMyNumberLinkWrapper {
    margin: 0 46px 10px;
    text-align: right
}

.SmsAuthentication-formCode {
    padding-top: 20px;
    width: 60%
}

.SmsAuthentication-btnWrapperFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width: 649px) {
    .StrongAuthentication-radioBtn {
        width:100%;
        border-radius: var(--msl-borderRadius-100);
        margin: 10px 0!important
    }

    .SmsAuthentication-formCode {
        width: 99%
    }
}

.PrivateBank-owner {
    background-color: var(--msl-artwork-grey-50);
    width: 100%;
    padding: 2.5%;
    margin: 11.5px 0 20px;
    border-radius: var(--msl-borderRadius-50)
}

.PrivateBank-ownerName,.PrivateBank-ownerNameEntitled {
    margin-bottom: 0
}

.PrivateBank-ownerNumb {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.PrivateBank-globalTabsContainer,.PrivateBank-ownerContract {
    margin-bottom: 20px
}

.PrivateBank-ownerContractHeader {
    position: relative;
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    width: 100%;
    display: table;
    padding: 2.5%
}

.PrivateBank-ownerContractHeader:after {
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent var(--msl-artwork-grey-50) transparent
}

.PrivateBank-ownerContractHeaderH2 {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    margin-top: -5px;
    margin-bottom: 0
}

.PrivateBank-ownerContractHeaderSmallSize {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.PrivateBank-ownerContractHeaderLink {
    color: var(--msl-artwork-grey-0);
    font-weight: var(--msl-fontWeight-400)
}

.PrivateBank-ownerContractHeaderLink:focus,.PrivateBank-ownerContractHeaderLink:hover {
    color: var(--msl-artwork-grey-0)
}

.PrivateBank-distriSupCompareLink,.PrivateBank-ownerContractHeaderLeft,.PrivateBank-ownerContractHeaderRight,.PrivateBank-ownerContractLabel,.PrivateBank-titleH2 {
    display: table-cell
}

.PrivateBank-titleH2 {
    padding-top: 17px
}

.PrivateBank-distriSupCompareLink,.PrivateBank-ownerContractHeaderRight,.PrivateBank-ownerContractValue {
    text-align: right
}

.PrivateBank-distriSupCompareLink {
    white-space: nowrap
}

.PrivateBank-ownerContractValue--mediumFontSize {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400)
}

.PrivateBank-ownerContractValueContainer {
    display: table;
    width: 100%;
    background-color: var(--msl-artwork-grey-50);
    padding: 2.5%
}

.PrivateBank-ownerContractValueContainer+.PrivateBank-ownerContractValueContainer {
    margin-top: 1px
}

.PrivateBank-ownerContractValueContainer--mediumPad {
    padding: 2.5%
}

.PrivateBank-ownerContractValue,.PrivateBank-ownerName,.PrivateBank-poppinH3,.PrivateBank-tabsNavContentSpan,.PrivateBank-valuationPara {
    color: var(--msl-brand-primary)!important
}

.PrivateBank-distriSup {
    display: table;
    width: 100%;
    padding-top: 10px
}

.PrivateBank-distriSupH2 {
    margin-bottom: 15px
}

.PrivateBank-ownerContractMoreInfo--unactive,.PrivateBank-ownerContractValueContainer--hidden,.PrivateBank-tabsNavSubDivWrapper {
    display: none
}

.PrivateBank-ownerContract--showAll .PrivateBank-ownerContractValueContainer--hidden {
    display: table
}

.PrivateBank-ownerContract--showAll .PrivateBank-ownerContractMoreInfo--active {
    display: none
}

.PrivateBank-ownerContract--showAll .PrivateBank-ownerContractMoreInfo--unactive {
    display: block
}

.PrivateBank-distriSupCompareLink:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: var(--msl-fontSize-14);
    color: var(--msl-brand-secondary-400);
    padding-right: 10px;
    text-decoration: none
}

.PrivateBank-valuationPara {
    padding: 5px 0 10px
}

.PrivateBank-valuationParaSpan {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    padding-left: 10px
}

.PrivateBank-tabsNavContainer {
    padding: 2.5%
}

.PrivateBank-tabsNavContainer+.PrivateBank-tabsNavContainer {
    border-top: 1px solid var(--msl-artwork-grey-0)
}

.PrivateBank-tabsNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    color: var(--msl-artwork-grey-600);
    padding-right: 45px;
    cursor: pointer
}

.PrivateBank-tabsNav+.PrivateBank-tabsNav {
    border-top: 1px solid var(--msl-artwork-grey-0)
}

.PrivateBank-tabsNav--icon:after {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    color: var(--msl-brand-primary);
    font-size: var(--msl-fontSize-11);
    margin: -.5em 0;
    cursor: pointer
}

@media screen and (max-width: 649px) {
    .PrivateBank-tabsNav--icon:after {
        top:9px
    }
}

.PrivateBank-tabsNavContent.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.PrivateBank-tabsNavContentTitle {
    color: var(--msl-artwork-grey-900);
    font-size: var(--msl-fontSize-16)
}

.PrivateBank-tabsNavContent--smallSizeFont {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.PrivateBank-tabsNavContent--largeSizeFont {
    font-size: var(--msl-fontSize-18)
}

.PrivateBank-tabsNavContent--rightAlign {
    text-align: right
}

.PrivateBank-Operation,.PrivateBank-tabs--grayBg {
    background-color: var(--msl-artwork-grey-50)
}

.PrivateBank-additionalMentionsPara,.PrivateBank-ownerContractLabel--grayFont {
    color: var(--msl-artwork-grey-600)
}

.PrivateBank-ownerContractLabel--blackFont,.PrivateBank-readMorePoppinPara {
    color: var(--msl-artwork-grey-900)
}

.PrivateBank-ownerContractLabel--VerticalMid {
    vertical-align: middle
}

.PrivateBank-tabContent {
    display: none
}

.PrivateBank-tabContent.active {
    display: block
}

.PrivateBank-tabsNavSubDivWrapper {
    margin-right: 30px;
    margin-top: 20px
}

.PrivateBank-tabsNavSubDiv {
    padding: 5px 2.5%;
    background-color: var(--msl-artwork-grey-0)
}

.PrivateBank-tabsNavContainer--open .PrivateBank-tabsNav--icon:after {
    content: ""
}

.PrivateBank-tabsNavContainer--open .PrivateBank-tabsNavSubDivWrapper {
    display: block
}

.PrivateBank-titleH3 {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.PrivateBank-benefClauseH3 {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

.PrivateBank-benefClausePara {
    margin-top: 15px
}

.PrivateBank-Operation {
    text-align: center;
    padding: 30px
}

.PrivateBank-Operation:before {
    font-family: "NPC Icons crunchy R2503"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--msl-fontWeight-400)!important;
    text-decoration: none;
    text-transform: none;
    font-display: block;
    line-height: 1;
    content: "";
    display: block;
    font-size: 3.5em;
    color: var(--msl-brand-secondary-400);
    margin: 10px auto 25px
}

.PrivateBank-OperationParaWhithMarg {
    margin: 20px
}

.PrivateBank-OperationParaWhithoutMarg {
    margin: 0
}

.PrivateBank-additionalMentions {
    font-style: italic;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    margin-top: 47px;
    margin-bottom: 20px
}

.PrivateBank-additionalMentionsPara {
    list-style-type: none;
    padding-left: 0
}

.PrivateBank-poppinH3,.PrivateBank-readMorePoppinPara {
    text-align: left
}

.PrivateBank-poppinH3 {
    font-weight: var(--msl-fontWeight-600);
    padding: 10px 0
}

.PrivateBank-readMorePoppinPara {
    font-weight: var(--msl-fontWeight-400);
    list-style-type: none;
    padding-left: 0
}

.PrivateBank-ComparePoppinPara--gray {
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600);
    padding: 5px 0
}

.PrivateBank-doughnutChart {
    position: relative;
    padding: 20px 12% 30px
}

@media (min-width: 650px) {
    .PrivateBank-doughnutChart {
        max-width:470px;
        margin: 0 auto;
        padding-left: 110px;
        padding-right: 110px
    }
}

.PrivateBank-doughnutChartLegend {
    position: relative;
    width: 90px;
    padding: 10px 20px;
    background-color: var(--msl-artwork-grey-0);
    border-radius: 3px
}

@media (max-width: 649px) {
    .PrivateBank-doughnutChartLegend {
        margin:0 auto
    }
}

@media (min-width: 650px) {
    .PrivateBank-doughnutChartLegend {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.PrivateBank-doughnutChartLegend:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px
}

@media (max-width: 649px) {
    .PrivateBank-doughnutChartLegend:before {
        left:50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .PrivateBank-doughnutChartLegend:first-child {
        margin-bottom: 20px;
        border-top: 10px solid var(--msl-functionnal-warning-100)
    }

    .PrivateBank-doughnutChartLegend:first-child:before {
        bottom: -15px;
        border-color: var(--msl-artwork-grey-0) transparent transparent
    }

    .PrivateBank-doughnutChartLegend:last-child {
        margin-top: 20px;
        border-bottom: 10px solid var(--msl-functionnal-warning-100)
    }

    .PrivateBank-doughnutChartLegend:last-child:before {
        top: -15px;
        border-color: transparent transparent var(--msl-artwork-grey-0)
    }
}

@media (min-width: 650px) {
    .PrivateBank-doughnutChartLegend:before {
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .PrivateBank-doughnutChartLegend:first-child {
        left: 0;
        border-left: 10px solid var(--msl-functionnal-warning-100);
        text-align: right
    }

    .PrivateBank-doughnutChartLegend:first-child:before {
        right: -15px;
        border-color: transparent transparent transparent var(--msl-artwork-grey-0)
    }

    .PrivateBank-doughnutChartLegend:last-child {
        right: 0;
        border-right: 10px solid var(--msl-functionnal-warning-100)
    }

    .PrivateBank-doughnutChartLegend:last-child:before {
        left: -15px;
        border-color: transparent var(--msl-artwork-grey-0) transparent transparent
    }
}

.PrivateBank-doughnutChartTotal {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.PrivateBank-doughnutChartLegendValue,.PrivateBank-doughnutChartTotal {
    display: block;
    color: var(--msl-brand-primary)
}

@media screen and (max-width: 649px) {
    .PrivateBank-distriSupCompareLink,.PrivateBank-ownerContractHeaderLeft,.PrivateBank-ownerContractHeaderRight,.PrivateBank-ownerContractLabel,.PrivateBank-tabsNav,.PrivateBank-titleH2 {
        display:block
    }

    .PrivateBank-ownerContractHeaderRight {
        padding-top: 10px
    }

    .PrivateBank-distriSupCompareLink,.PrivateBank-ownerContractHeaderRight,.PrivateBank-ownerContractValue {
        text-align: left
    }

    .PrivateBank-distriSupCompareLink {
        margin-bottom: 10px
    }

    .PrivateBank-titleH2 {
        margin-bottom: 0
    }

    .PrivateBank-tabsNav {
        padding-right: 0
    }

    .PrivateBank-tabsNavContentTitle {
        padding-bottom: 10px
    }

    .PrivateBank-tabsNavInfoMobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 5px 0
    }

    .PrivateBank-tabsNavSubDivWrapper {
        margin-right: 0
    }

    .PrivateBank-tabsNavSubDiv {
        padding: 10px 15px
    }

    .PrivateBank-ownerContractValue--normalSize {
        font-size: var(--msl-fontSize-16)
    }

    .PrivateBank-additionalMentions {
        display: none
    }
}

@media screen and (max-width: 989px) {
    #modalCompareSupport,#modalReadMore {
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transform: none;
        transform: none;
        max-height: 100%;
        position: fixed
    }

    #modalCompareSupport .Modal-dialog,#modalReadMore .Modal-dialog {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: none!important;
        margin: 0;
        box-shadow: none;
        overflow: auto
    }

    #modalCompareSupport .Modal-content,#modalReadMore .Modal-content {
        min-height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 20px
    }

    #modalCompareSupport .Modal-header,#modalReadMore .Modal-header {
        position: absolute;
        top: 0;
        right: 0
    }

    #modalCompareSupport .Modal-close,#modalReadMore .Modal-close {
        width: 60px;
        height: 60px;
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400);
        line-height: 30px
    }

    #modalCompareSupport .Modal-actions,#modalReadMore .Modal-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 10px
    }

    #modalCompareSupport .Modal-actions:last-child,#modalReadMore .Modal-actions:last-child {
        margin-bottom: -10px
    }

    #modalCompareSupport .Modal-action,#modalReadMore .Modal-action {
        min-width: 200px;
        margin-bottom: 10px
    }

    #modalCompareSupport .Modal-action--primary,#modalReadMore .Modal-action--primary {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1
    }
}

@media (min-width: 990px) {
    #modalCompareSupport .Modal-dialog {
        width:990px;
        max-width: 95%
    }
}

.ComparativeTable {
    margin-bottom: 20px
}

.ComparativeTable-table {
    width: 100%
}

.ComparativeTable-table td,.ComparativeTable-table th {
    height: 75px;
    padding: 7px 30px 7px 20px;
    border-bottom: solid 1px var(--msl-artwork-grey-0);
    font-weight: var(--msl-fontWeight-600)
}

.ComparativeTable-table th {
    text-align: center
}

.ComparativeTable-table tr:last-child td,.ComparativeTable-table tr:last-child th {
    border-bottom: 0
}

.ComparativeTable-table thead th {
    position: relative;
    height: 50px;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary)
}

.ComparativeTable-table thead th span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    margin-right: -20px;
    text-align: left
}

.ComparativeTable-table thead th span:after,.ComparativeTable-table thead th span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border: 5px solid transparent;
    margin: -6px 0;
    opacity: 0
}

.ComparativeTable-table thead th span:before {
    border-top: 0;
    border-bottom-color: var(--msl-artwork-grey-0)
}

.ComparativeTable-table thead th span:after {
    margin-top: 1px;
    border-bottom: 0;
    border-top-color: var(--msl-artwork-grey-0)
}

.ComparativeTable-table thead .sorting span:after,.ComparativeTable-table thead .sorting span:before,.ComparativeTable-table thead .sorting_asc span:after,.ComparativeTable-table thead .sorting_desc span:before {
    opacity: .5
}

.ComparativeTable-table thead .sorting_asc span:before {
    opacity: 1
}

.ComparativeTable-table thead .sorting_desc span:after {
    opacity: 1
}

.ComparativeTable-table tbody th {
    color: var(--msl-artwork-grey-600)
}

.ComparativeTable-table tbody th strong {
    display: block;
    font-weight: var(--msl-fontWeight-600);
    color: var(--msl-artwork-grey-1000);
    text-transform: uppercase
}

.ComparativeTable-table .price {
    white-space: nowrap
}

.ComparativeTable-actions {
    margin-bottom: 25px
}

.ComparativeTable-actions .form-control {
    height: auto
}

.ComparativeTable-actions .btn.dropdown-toggle.btn-default {
    margin-bottom: 0
}

.ComparativeTable-hiddenCol {
    display: none
}

.ComparativeTable-firstShowed {
    padding-left: 60px!important
}

.ComparativeTable-lastShowed {
    padding-right: 70px!important
}

.ComparativeTable-next,.ComparativeTable-prev {
    position: absolute;
    top: 0;
    height: 100%;
    width: 40px;
    text-align: center;
    color: var(--msl-artwork-grey-0);
    text-decoration: none;
    background: var(--msl-brand-secondary-500)
}

.ComparativeTable-next:focus,.ComparativeTable-next:hover,.ComparativeTable-prev:focus,.ComparativeTable-prev:hover {
    color: var(--msl-artwork-grey-0);
    text-decoration: none
}

.ComparativeTable-next:before,.ComparativeTable-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em;
    line-height: 1
}

.ComparativeTable-prev {
    left: 0
}

.ComparativeTable-prev:before {
    content: ""
}

.ComparativeTable-next {
    right: 0
}

.ComparativeTable-next:before {
    content: ""
}

.ComparativeTable-next--disabled,.ComparativeTable-prev--disabled {
    cursor: default
}

.ComparativeTable-next--disabled:before,.ComparativeTable-prev--disabled:before {
    opacity: .5
}

.ComparativeTable--select tbody td:first-child,.ComparativeTable--select tbody th:first-child,.ComparativeTable--select thead th:first-child,.ComparativeTable--slider tbody td:first-child,.ComparativeTable--slider tbody th:first-child,.ComparativeTable--slider thead th:first-child {
    border-right: 1px solid var(--msl-artwork-grey-0)
}

.ComparativeTable--select {
    table-layout: fixed
}

.ComparativeTable--select td,.ComparativeTable--select th {
    width: 50%
}

.ComparativeTable--slider {
    table-layout: fixed
}

.ComparativeTable--slider tbody td:first-child,.ComparativeTable--slider tbody th:first-child,.ComparativeTable--slider thead th:first-child {
    width: 165px
}

.CardsDashboard-ownerAccountNameH3 {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-top: var(--msl-spacing-500)
}

.CardsDashboard-ownerAccount {
    margin: 10px 0;
    text-transform: uppercase
}

.CardsDashboard-ownerAccountNumber {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600);
    text-transform: none
}

.CardsDashboard-pagination {
    margin: 30px 0
}

.CardsDashboard-paginationUl {
    padding: 0
}

.CardsDashboard-paginationLink--active {
    background-color: var(--msl-brand-primary);
    color: var(--msl-artwork-grey-0);
    border-radius: 50%
}

.Card-accountBalanceDate {
    white-space: nowrap
}

.Card-accountBalanceNumber {
    padding-left: 2px
}

.Card-title {
    text-transform: uppercase;
    display: inline-block
}

.Card-titleNumber {
    display: inline-block
}

@media screen and (max-width: 649px) {
    .Card-accountBalanceDate {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 0
    }
}

.MyServices {
    margin-bottom: var(--msl-spacing-500)
}

.MyServices-header {
    margin: 20px 0 15px
}

.MyServices-accountName {
    display: inline-block;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.MyServices-ownerAccount {
    margin: 10px 0;
    text-transform: uppercase
}

.MyServices-account {
    display: inline-block;
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.MyServices-item {
    display: table;
    width: 100%;
    min-height: 75px;
    padding: 2.5%;
    background-color: var(--msl-artwork-grey-50);
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

.MyServices-itemContent {
    display: table-cell;
    vertical-align: middle
}

.MyServices-itemAccountNumber {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-600)
}

.MyServices-itemLabel {
    font-weight: var(--msl-fontWeight-700)
}

.MyServices-itemLabel::first-letter {
    text-transform: uppercase
}

.MyServices-compte-role {
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    margin: 10px 0
}

.MyServices-compte-zone {
    margin-bottom: 10px
}

.MyServices-compte-lib {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-700);
    margin: 5px
}

.MyServices-compte-number {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    margin: 5px;
    font-style: italic
}

.MyServices-compte-btn {
    float: right;
    color: var(--msl-brand-primary);
    cursor: pointer;
    font-style: italic;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.MyServices-service-lib {
    margin-bottom: 10px;
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-600)
}

.MyServices-service-family {
    margin: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.MyServices-service-id {
    margin: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.MyServices-service-not-found {
    font-style: italic
}

.TemplateCampaign .Breadcrumb {
    margin-top: 20px;
    margin-bottom: 0
}

.TemplateCampaign .Share {
    margin-top: 0;
    text-align: center
}

.TemplateCampaign-banner {
    width: 100%
}

.npc-dnc-categorie196:before,.npc-dnc-categorie291:before,.npc-dnc-categorie95:before {
    content: ""
}

.npc-dnc-categorie113:before,.npc-dnc-categorie260:before,.npc-dnc-categorie99:before {
    content: ""
}

.npc-dnc-categorie1273:before,.npc-dnc-categorie203:before {
    content: ""
}

.npc-dnc-categorie3037:before {
    content: ""
}

.npc-dnc-categorie619:before {
    content: ""
}

.npc-dnc-categorie267:before,.npc-dnc-categorie3014:before,.npc-dnc-categorie3035:before,.npc-dnc-categorie361:before,.npc-dnc-categorie388:before {
    content: ""
}

.MySupportingDocuments {
    padding-bottom: 20px
}

.AuthorizedDisplay {
    padding: 5% 10%
}

.AuthorizedDisplay p:first-child {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    margin: 20px 0
}

.AuthorizedDisplay p:nth-child(3) {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    color: var(--msl-artwork-grey-600);
    margin: 20px 0
}

.AuthorizedDisplay--mT {
    margin-top: 10%
}

.AuthorizedDisplay-btnWrap {
    margin: 3% 0;
    text-align: center
}

.AuthorizedDisplay-btnWrap .btn-default {
    background-color: transparent
}

.AuthorizedDisplay-btnWrap>a {
    min-width: 220px;
    height: 41px;
    margin: 10px;
    padding-left: var(--msl-spacing-500);
    padding-right: var(--msl-spacing-500);
    font-weight: var(--msl-fontWeight-600)
}

.AuthorizedDisplay-btnWrap>a:hover {
    background: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.AuthorizedDisplay-btnWrap>a:focus {
    background: var(--msl-brand-secondary-500)
}

.no-capture .ImportDocs-photoCapture {
    display: none
}

.ImportDocs {
    padding: 10px 0
}

.ImportDocs:last-child {
    margin-bottom: 5%
}

.ImportDocs .btn {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 649px) {
    .ImportDocs .btn {
        min-width:0
    }
}

.ImportDocs-titleBloc {
    margin-bottom: 20px;
    color: var(--msl-artwork-grey-900)
}

.ImportDocs-addDocLink {
    position: relative;
    height: 30px;
    margin-top: 17px;
    margin-bottom: 20px
}

.ImportDocs-addDocLink a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--msl-brand-primary);
    text-decoration: none
}

.ImportDocs-addDocLink a:before {
    content: "";
    display: inline-block;
    color: var(--msl-brand-secondary-400);
    margin-right: 10px
}

.ImportDocs-addDocLink span {
    text-decoration: underline
}

.ImportDocs-item {
    display: table;
    width: 100%;
    position: relative;
    min-height: 75px;
    padding: 2.5%;
    background-color: var(--msl-artwork-grey-50);
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

.ImportDocs-item:hover {
    background-color: var(--msl-artwork-grey-50)
}

.ImportDocs-item--resize {
    height: 140px;
    padding: 20px 10px
}

.ImportDocs-item--resize .ImportDocs-itemLink {
    padding-top: 0
}

.ImportDocs-item--upload {
    display: table
}

.ImportDocs-item--upload,.ImportDocs-item--upload:hover {
    background-color: var(--msl-brand-secondary-500)
}

@media (max-width: 649px) {
    .ImportDocs-item--upload .btn {
        min-width:210px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.ImportDocs-item--primary {
    background-color: var(--msl-brand-primary)
}

.ImportDocs-item--primary:hover {
    background-color: var(--msl-brand-secondary-500)
}

.ImportDocs-item--primary:hover .ImportDocs-icon--colP {
    color: var(--msl-brand-secondary-500)
}

.ImportDocs-itemCategory {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 20px
}

.ImportDocs-itemContainer {
    display: block;
    width: 100%;
    margin: 10px 0;
    font-size: 0
}

.ImportDocs-itemContent {
    display: table-cell;
    vertical-align: middle
}

.ImportDocs-itemContent:first-child {
    width: 5%;
    text-align: center;
    padding-left: 5px
}

.ImportDocs-itemContent:not(:first-child) {
    padding-left: 15px
}

.ImportDocs-itemContent:last-child {
    text-align: right;
    width: 35%
}

.ImportDocs-itemLink {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ImportDocs-itemLink,.ImportDocs-itemLink:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-600)
}

.ImportDocs-itemLinkTitle {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.ImportDocs-itemLinkTitleCatUpload {
    color: var(--msl-artwork-grey-0);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.ImportDocs-BtnPrimaryWhitePrimary {
    margin: 5px;
    min-width: 210px
}

.ImportDocs-BtnSecondary {
    margin: 5px;
    min-width: 210px
}

.ImportDocs-itemForm,.ImportDocs-itemLink {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 20px
}

.ImportDocs-itemLink--category {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 33.33%;
    background: 0 0;
    border: 0;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    padding: 25px 5px;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ImportDocs-itemLink--category:active,.ImportDocs-itemLink--category:focus {
    border: 0;
    outline: 0
}

.ImportDocs-itemLink--category:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 50px;
    background-color: var(--msl-artwork-grey-0);
    opacity: .5
}

.ImportDocs-itemLink--category:first-child:before,.ImportDocs-itemLink--category:nth-child(3n+1):before {
    content: none
}

.ImportDocs-title {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-brand-primary);
    margin-bottom: 2px
}

.ImportDocs-subText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600);
    margin-bottom: 2px
}

.ImportDocs-text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    margin-bottom: 2px
}

.ImportDocs-text--small {
    font-size: var(--msl-fontSize-12)
}

.ImportDocs-actionButton {
    margin-bottom: 0
}

.ImportDocs-bottomBloc {
    margin: 30px 0 0
}

.ImportDocs-iconContainer {
    position: relative;
    width: 45px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-radius: 50%;
    background-color: transparent
}

.ImportDocs-iconContainer--bgcSecondary {
    background-color: var(--msl-brand-secondary-400)
}

.ImportDocs-iconContainer--bgcWhite {
    background-color: var(--msl-artwork-grey-0)
}

.ImportDocs-icon {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.ImportDocs-iconStuffer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-artwork-grey-0);
    border-radius: 50%
}

.ImportDocs-icon--colW {
    color: var(--msl-artwork-grey-0)
}

.ImportDocs-icon--colP {
    color: var(--msl-brand-primary)
}

.ImportDocs-icon--enabled {
    color: var(--msl-brand-secondary-400)
}

.ImportDocs-icon--disabled {
    color: var(--msl-artwork-grey-100)
}

.ImportDocs-icon--otherDocuments {
    color: var(--msl-artwork-grey-0)
}

.ImportDocs-textWhite {
    color: var(--msl-artwork-grey-0);
    margin: 0
}

.ImportDocs-textWhite--mB30 {
    margin-bottom: 30px
}

.ImportDocs-textWhite--mB15 {
    margin-bottom: 15px
}

.ImportDocs-textWhite--error {
    font-style: italic;
    font-weight: var(--msl-fontWeight-700)
}

.ImportDocs-itemClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 53px;
    line-height: 53px;
    text-align: center
}

.ImportDocs-itemClose,.ImportDocs-itemClose:focus,.ImportDocs-itemClose:hover {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.ImportDocs-uploadList {
    margin: 0;
    padding: 0;
    text-align: center
}

.ImportDocs-uploadListItem {
    list-style: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic;
    color: var(--msl-artwork-grey-0);
    margin-bottom: 10px
}

.ImportDocs-uploadListFilename {
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 649px) {
    .ImportDocs-uploadListFilename {
        display:inline-block;
        max-width: 200px;
        overflow: hidden
    }
}

.ImportDocs-textarea {
    border-radius: 6px;
    width: 100%;
    max-width: 373px;
    height: 136px;
    border: none;
    padding: 10px 15px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic;
    margin-bottom: 20px;
    margin-top: 5px
}

.ImportDocs-uploadListItem--ok {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-0);
    margin-left: 5px
}

.ImportDocs-uploadListItem--ko {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-functionnal-danger-100);
    background-color: #fff;
    margin-left: 5px;
    border-radius: 50%
}

.ImportDocs-uploadActions {
    margin: 35px 0 20px
}

@media (min-width: 650px) {
    .ImportDocs-uploadActions {
        display:table;
        table-layout: fixed;
        width: 100%;
        height: auto
    }
}

.ImportDocs-uploadActionsLink {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: var(--msl-artwork-grey-0);
    padding-left: 25px;
    border-left: 1px solid var(--msl-artwork-grey-0)
}

.ImportDocs-uploadActionsLink:first-child {
    border: none
}

.ImportDocs-uploadActionsLink:active,.ImportDocs-uploadActionsLink:hover,.ImportDocs-uploadActionsLink:visited {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.InputFile {
    display: table;
    height: auto;
    width: 100%
}

.ImportDoc-moreFiles {
    display: table-cell;
    vertical-align: middle;
    color: var(--msl-artwork-grey-0)
}

.ImportDoc-moreFiles label {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-transform: inherit;
    font-weight: var(--msl-fontWeight-600);
    text-decoration: underline;
    text-align: right;
    padding-right: 25px
}

.ImportDoc-moreFiles label:active,.ImportDoc-moreFiles label:hover,.ImportDoc-moreFiles label:visited {
    text-decoration: none;
    color: var(--msl-artwork-grey-0)
}

.ImportDoc-moreFiles--alignC label {
    text-align: center
}

.ImportDocs-itemInputWrapper {
    width: 260px;
    margin: 20px auto 30px;
    border-radius: var(--msl-borderRadius-100);
    border: 1px solid var(--msl-artwork-grey-0)
}

.ImportDocs-itemInputWrapper--duration .bootstrap-select--default>.dropdown-toggle {
    height: 100%;
    margin-bottom: 0;
    color: var(--msl-artwork-grey-0);
    padding-left: 20px;
    background-color: var(--msl-brand-secondary-500)!important;
    box-shadow: none;
    border: none!important
}

.ImportDocs-itemInputWrapper--duration .bootstrap-select--default>.dropdown-toggle.bs-placeholder {
    font-weight: var(--msl-fontWeight-400);
    font-style: italic
}

.ImportDocs-itemInputWrapper--duration .bootstrap-select--default>.dropdown-toggle:focus,.ImportDocs-itemInputWrapper--duration .bootstrap-select--default>.dropdown-toggle:hover {
    color: var(--msl-artwork-grey-0)!important
}

.ImportDocs-itemInputWrapper--duration .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-0)
}

@media screen and (max-width: 1169px) {
    .ImportDocs-itemContent {
        width:50%
    }

    .ImportDocs-itemContent:last-child {
        width: 40%
    }
}

@media screen and (max-width: 989px) {
    .ImportDocs-uploadActionsLink:first-child {
        display:inline-block;
        margin-bottom: 2px;
        font-weight: var(--msl-fontWeight-600);
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        border-style: solid;
        padding: 11px 12px;
        font-size: 14px;
        line-height: 1.5;
        border-radius: 24px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: var(--msl-artwork-grey-0);
        color: var(--msl-brand-primary);
        border-width: 0;
        border-color: var(--msl-artwork-grey-0);
        border: none;
        padding-left: 20px;
        padding-right: 20px;
        text-decoration: none;
        font-weight: var(--msl-fontWeight-600);
        min-width: 210px;
        margin: 5px
    }

    .ImportDocs-uploadActionsLink:first-child.active.focus,.ImportDocs-uploadActionsLink:first-child.active:focus,.ImportDocs-uploadActionsLink:first-child.focus,.ImportDocs-uploadActionsLink:first-child:active.focus,.ImportDocs-uploadActionsLink:first-child:active:focus,.ImportDocs-uploadActionsLink:first-child:focus {
        outline: 0
    }

    .ImportDocs-uploadActionsLink:first-child.active,.ImportDocs-uploadActionsLink:first-child.focus,.ImportDocs-uploadActionsLink:first-child.hover,.ImportDocs-uploadActionsLink:first-child:active,.ImportDocs-uploadActionsLink:first-child:focus,.ImportDocs-uploadActionsLink:first-child:hover {
        text-decoration: none!important
    }

    .ImportDocs-uploadActionsLink:first-child.active,.ImportDocs-uploadActionsLink:first-child:active {
        outline: 0;
        background-image: none
    }

    .ImportDocs-uploadActionsLink:first-child.disabled,.ImportDocs-uploadActionsLink:first-child.disabled.active,.ImportDocs-uploadActionsLink:first-child.disabled.focus,.ImportDocs-uploadActionsLink:first-child.disabled.hover,.ImportDocs-uploadActionsLink:first-child.disabled:active,.ImportDocs-uploadActionsLink:first-child.disabled:focus,.ImportDocs-uploadActionsLink:first-child.disabled:hover,.ImportDocs-uploadActionsLink:first-child[disabled],.ImportDocs-uploadActionsLink:first-child[disabled].active,.ImportDocs-uploadActionsLink:first-child[disabled].focus,.ImportDocs-uploadActionsLink:first-child[disabled].hover,.ImportDocs-uploadActionsLink:first-child[disabled]:active,.ImportDocs-uploadActionsLink:first-child[disabled]:focus,.ImportDocs-uploadActionsLink:first-child[disabled]:hover,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.active,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.focus,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.hover,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:active,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:focus,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:hover {
        cursor: not-allowed;
        opacity: 1;
        background-color: var(--msl-artwork-grey-100);
        border-color: var(--msl-artwork-grey-100)
    }

    .ImportDocs-uploadActionsLink:first-child.focus,.ImportDocs-uploadActionsLink:first-child.hover,.ImportDocs-uploadActionsLink:first-child:focus,.ImportDocs-uploadActionsLink:first-child:hover {
        color: var(--msl-brand-primary);
        background-color: var(--msl-artwork-grey-50);
        border-color: var(--msl-artwork-grey-50)
    }

    .ImportDocs-uploadActionsLink:first-child.disabled,.ImportDocs-uploadActionsLink:first-child.disabled.focus,.ImportDocs-uploadActionsLink:first-child.disabled.hover,.ImportDocs-uploadActionsLink:first-child.disabled:focus,.ImportDocs-uploadActionsLink:first-child.disabled:hover,.ImportDocs-uploadActionsLink:first-child[disabled],.ImportDocs-uploadActionsLink:first-child[disabled].focus,.ImportDocs-uploadActionsLink:first-child[disabled].hover,.ImportDocs-uploadActionsLink:first-child[disabled]:focus,.ImportDocs-uploadActionsLink:first-child[disabled]:hover,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.focus,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child.hover,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:focus,fieldset[disabled] .ImportDocs-uploadActionsLink:first-child:hover {
        color: #005f50;
        background-color: #218a7a;
        border-color: #218a7a
    }

    .ImportDoc-moreFiles {
        display: inline-block;
        vertical-align: middle;
        color: var(--msl-artwork-grey-0)
    }

    .ImportDocs-uploadActions {
        display: block;
        margin: 35px 0 0
    }

    .ImportDocs-itemLink--category {
        padding: 20px 30px
    }

    .ImportDocs-itemContent {
        width: 65%
    }

    .ImportDocs-itemContent:last-child {
        width: 30%
    }

    .ImportDocs-bottomBloc,.ImportDocs-uploadActions {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

@media screen and (max-width: 649px) {
    .ImportDocs-addDocLink {
        margin-top:0
    }

    .ImportDocs-addDocLink a {
        left: 0;
        top: 0
    }

    .ImportDocs-itemContent:first-child {
        vertical-align: top;
        padding-top: 5px
    }

    .ImportDocs-itemContent:nth-child(2) {
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 15px
    }

    .ImportDocs-itemContent:last-child {
        display: block;
        width: 100%;
        text-align: left
    }

    .ImportDocs-itemContent:not(:first-child) {
        padding-left: 9px
    }

    .ImportDocs-itemLink--category {
        width: 50%;
        padding: 20px
    }

    .ImportDocs-itemLink--category:before,.ImportDocs-itemLink--category:nth-child(3n+1):before {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        width: 1px;
        height: 40px;
        background-color: var(--msl-artwork-grey-0);
        opacity: .5
    }

    .ImportDocs-itemLink--category:first-child:before,.ImportDocs-itemLink--category:nth-child(odd):before {
        content: none
    }

    .ImportDocs-item--upload {
        padding: 5% 0
    }

    .ImportDocs-uploadListItem--ko {
        margin-top: -5px
    }

    .ImportDocs-itemInputWrapper {
        width: 212px
    }

    .ImportDocs-itemLinkTitle {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }
}

.ZCoord:last-child {
    margin-bottom: 5%
}

.ZCoord .btn {
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 649px) {
    .ZCoord .btn {
        min-width:0
    }
}

.ZCoord-btn {
    margin: var(--msl-spacing-300) 0 0;
    text-align: center;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-700)
}

.ZCoord-btn--padding {
    padding-top: var(--msl-spacing-200);
    padding-bottom: var(--msl-spacing-200)
}

.ZCoord-BtnPrimary,.ZCoord-BtnSecondary {
    margin: 5px;
    min-width: 150px
}

.ZCoord-head {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    margin-top: var(--msl-spacing-500)
}

.ZCoord-headTitle {
    display: table-cell;
    width: -webkit-calc(80% - 20%);
    width: calc(80% - 20%);
    vertical-align: bottom;
    text-align: left;
    font-weight: var(--msl-fontWeight-700)
}

.ZCoord-headTitle2 {
    display: table-cell;
    width: -webkit-calc(80% - 20%);
    width: calc(80% - 20%);
    vertical-align: bottom;
    text-align: left;
    margin: 30px 0 15px;
    font-size: var(--msl-fontSize-28);
    line-height: 1.1;
    font-weight: var(--msl-fontWeight-700)
}

.ZCoord-headLink {
    display: table-cell;
    width: 20%;
    vertical-align: bottom;
    text-align: right;
    padding-left: 20px;
    padding-bottom: 5px;
    white-space: nowrap
}

.ZCoord-headLink a:before {
    content: "";
    display: inline-block;
    color: var(--msl-brand-secondary-400);
    text-decoration: none;
    margin-right: 10px
}

.ZCoord-headText {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    font-style: italic;
    margin-bottom: 45px
}

.ZCoord-form {
    padding: 0
}

.ZCoord-content {
    margin-top: 5%
}

.ZCoord-content:last-child {
    margin-bottom: 55px
}

.ZCoord-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 2.5%;
    background-color: var(--msl-artwork-grey-50);
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

.ZCoord-itemContent {
    display: table-cell;
    vertical-align: middle
}

.ZCoord-itemContent:last-child {
    text-align: right
}

.ZCoord-itemContent:first-child {
    text-align: left
}

.ZCoord-itemContentSimple {
    display: table-cell;
    vertical-align: middle
}

.ZCoord-itemTitle {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-right: 10px;
    text-align: left;
    font-weight: var(--msl-fontWeight-700)
}

.ZCoord-itemTitle--ModifNumTelephone {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.ZCoord-temTitle--NbCharacter {
    padding-right: 0;
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-600)
}

.ZCoord-itemInput {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 30px
}

.ZCoord-itemInputContent {
    display: table-cell;
    vertical-align: top
}

.ZCoord-itemInputContent:first-child {
    padding-right: 5px
}

.ZCoord-itemInputContent:last-child {
    padding-left: 5px
}

.ZCoord-itemInputContent input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ZCoord-itemInputContent .form-error {
    text-align: left
}

@media (max-width: 649px) {
    .ZCoord-itemInputContent {
        display:block;
        margin: 5px 0;
        padding: 0
    }

    .ZCoord-itemInputContent:first-child,.ZCoord-itemInputContent:last-child {
        padding: 0
    }

    .ZCoord-itemInputContent input {
        width: 100%
    }
}

.ZCoord-itemSelect {
    margin-bottom: 0;
    position: relative
}

.ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle {
    height: 100%;
    padding-left: 15px;
    padding-right: 30px
}

.ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle.bs-placeholder {
    color: var(--msl-artwork-grey-900)
}

.ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ZCoord-itemSelect .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    color: var(--msl-brand-primary)
}

.ZCoord-itemSelectBtn {
    width: 100%!important
}

.ZCoord-itemData {
    display: block;
    margin: 0;
    text-align: left
}

.ZCoord-itemData--italic {
    font-style: italic
}

.ZCoord-itemData--center {
    text-align: center
}

.ZCoord-itemState {
    display: block;
    margin-top: 2px;
    margin-bottom: 0;
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400)
}

.ZCoord-itemText {
    text-align: left;
    margin-bottom: 15px;
    font-weight: var(--msl-fontWeight-400)
}

.ZCoord-itemLabel {
    text-align: left;
    text-transform: inherit;
    margin-top: 10px;
    margin-bottom: 10px
}

.ZCoord-itemLabel.checkbox-label,.ZCoord-itemLabel.radio-label {
    font-weight: var(--msl-fontWeight-600)
}

.ZCoord-itemInput+.ZCoord-itemCheck .checkbox-label.ZCoord-itemLabel {
    margin-top: 0
}

.ZCoord-text {
    margin-bottom: 20px;
    font-weight: var(--msl-fontWeight-400)
}

.ZCoord-link {
    width: 100%
}

.ZCoord-popIn {
    padding: 2% 15%;
    text-align: center
}

@media screen and (max-width: 649px) {
    .ZCoord-popIn {
        padding:2% 0
    }
}

.ZCoord-popIn .ZCoord-BtnPrimary {
    margin: 5px 7px;
    padding: 11px 12px
}

.ZCoord-popIn-title {
    color: var(--msl-brand-primary);
    line-height: 1.1
}

.ZCoord-popIn-text {
    font-weight: var(--msl-fontWeight-400);
    margin: 0
}

@media screen and (max-width: 649px) {
    .ZCoord-itemBtnPrimary,.ZCoord-itemBtnSecondary {
        margin:20px 0 5px
    }

    .ZCoord-BtnPrimary.ZCoord-BtnPrimary,.ZCoord-BtnSecondary.ZCoord-BtnSecondary {
        padding-left: 20px;
        padding-right: 20px
    }

    .ZCoord-itemContent {
        display: block;
        vertical-align: middle
    }

    .ZCoord-itemContent:first-child,.ZCoord-itemContent:last-child {
        text-align: left
    }

    .ZCoord-headTitle {
        display: block;
        width: 100%;
        vertical-align: bottom;
        text-align: left
    }

    .ZCoord-headTitle2 {
        display: block;
        width: 100%;
        vertical-align: bottom;
        text-align: left;
        margin: 30px 0 15px;
        font-size: var(--msl-fontSize-28);
        line-height: 1.1;
        font-weight: var(--msl-fontWeight-700)
    }

    .ZCoord-headLink {
        display: block;
        width: 100%;
        vertical-align: bottom;
        text-align: left;
        padding-left: 0;
        padding-bottom: 5px;
        white-space: nowrap
    }

    .ZCoord-itemText {
        margin-bottom: 10px
    }
}

.ZCoordonnes-confirmation {
    margin-top: 48px;
    color: var(--msl-brand-secondary-500);
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.ZCoordonnes-confirmation-texte {
    text-align: center;
    margin-bottom: 55px;
    margin-top: var(--msl-spacing-300);
    padding: 0
}

.ZCoordonnes-texte {
    color: var(--msl-brand-secondary-500);
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700)
}

.ZCoordonnes-texte p {
    margin-top: var(--msl-spacing-200)
}

.ZCoordonnes-modificable {
    margin-top: var(--msl-spacing-200);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0
}

.ZCoordonnes-confirmation .npc-ok {
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 989px) {
    .ZCoordonnes-confirmation .npc-ok {
        font-size:var(--msl-fontSize-34)
    }
}

.ZCoordonnes-separator {
    margin-top: var(--msl-spacing-300);
    margin-bottom: 22px;
    border-bottom: 2px solid var(--msl-artwork-grey-100);
    height: 2px
}

.ZCoordonnes-fiabilisation p {
    height: 24px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: 0;
    margin-top: var(--msl-spacing-200)
}

.ZCoordonnes-fiabilisation .ZCoordonnes-advantages {
    margin-top: var(--msl-spacing-200);
    padding-left: 7px
}

.ZCoordonnes-fiabilisation .ZCoordonnes-advantages ul {
    padding-left: 0
}

.ZCoordonnes-fiabilisation .ZCoordonnes-advantages li {
    list-style: none;
    height: 24px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    letter-spacing: 0;
    margin-bottom: var(--msl-spacing-100)
}

.ZCoordonnes-fiabilisation .ZCoordonnes-advantages li:before {
    color: var(--msl-brand-secondary-400);
    position: relative;
    left: -7px;
    top: 4px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons {
    margin-top: var(--msl-spacing-500);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons :first-child {
    margin-right: var(--msl-spacing-200)
}

@media (max-width: 989px) {
    .ZCoordonnes-texte {
        line-height:initial
    }

    .ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons button {
        width: 267px
    }

    .ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons :first-child {
        margin-right: 0;
        margin-bottom: var(--msl-spacing-200)
    }

    .ZCoordonnes-fiabilisation .ZCoordonnes-advantages li {
        height: auto
    }
}

@media (max-width: 649px) {
    .ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons :first-child {
        margin-right: 0;
        margin-bottom: var(--msl-spacing-200)
    }

    .ZCoordonnes-fiabilisation .ZCoordonnes-fiabilisation__buttons button {
        width: 100%
    }
}

.ZCoordonnes-icon-talk {
    position: relative
}

.ZCoordonnes-icon-talk .ZCoordonnes-first-icon {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svgxmlns:svg="http://www.w3.org/2000/svg"xmlns="http://www.w3.org/2000/svg"width="10.371667mm"height="6.9850307mm"viewBox="0010.3716676.9850307"version="1.1"><gtransform="translate(-79.480833,-96.293174)"><pathd="m88.333218,96.293214h-7.333103c-0.838646,0-1.519282,0.709023-1.519282,1.582645v1.899181c0,0.766020.522627,1.426491.215438,1.57209v1.6143c0,0.126620.07293,0.240570.188396,0.291240.109391,0.05060.243112,0.02530.328154,-0.0697l1.738084,-1.80422h5.382313c0.838645,01.519282,-0.730131.519282,-1.60375v-1.899181c0,-0.873622-0.680616,-1.582645-1.519282,-1.582645z"id="path280"fill="$brand-secondary-500"style="stroke-width:0.265;stroke-miterlimit:4;stroke-dasharray:none"/><ellipseid="Oval"cx="81.168106"cy="98.383385"rx="0.41709766"ry="0.39687499"style="opacity:1;fill:$grey-000;fill-opacity:1;stroke-width:0.264583"/><ellipseid="ellipse285"cx="81.168106"cy="99.622772"rx="0.41709766"ry="0.39687499"style="opacity:1;fill:$grey-000;fill-opacity:1;stroke-width:0.264583"/><pathd="m88.794082,98.092339c0,0.177821-0.138837,0.3175-0.315587,0.3175h-6.353678c-0.17675,0-0.315587,-0.139679-0.315587,-0.31750,-0.1778220.138837,-0.31750.315587,-0.3175h6.353699c0.176708,2.1e-50.315566,0.13970.315566,0.3175z"id="path296"style="opacity:1;fill:$grey-000;fill-opacity:1;stroke-width:0.264583"/><pathd="m88.794082,99.362317c0,0.177822-0.138837,0.3175-0.315587,0.3175h-6.353678c-0.17675,0-0.315587,-0.139678-0.315587,-0.31750,-0.1778210.138837,-0.31750.315587,-0.3175h6.353699c0.176708,00.315566,0.1396790.315566,0.3175z"id="path298"fill="$grey-000"opacity="1"/><pathd="m89.8525,97.874124v1.897101c0,0.872665-0.666743,1.601985-1.488271,1.601985H84.7725v-5.079996h3.591709c0.821548,01.488291,0.7082461.488291,1.58091z"id="path282"fill="$grey-000"opacity="0.2"/></g></svg>');
    width: 30px;
    height: 30px;
    top: 0
}

.ZCoordonnes-icon-talk .ZCoordonnes-second-icon {
    background-image: url('data:image/svg+xml;charset=UTF-8,<?xmlversion="1.0"encoding="UTF-8"standalone="no"?><svgxmlns:dc="http://purl.org/dc/elements/1.1/"xmlns:cc="http://creativecommons.org/ns#"xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"xmlns:svg="http://www.w3.org/2000/svg"xmlns="http://www.w3.org/2000/svg"xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"width="6.5616641mm"height="5.0800481mm"viewBox="006.56166415.0800481"version="1.1"id="svg2388"inkscape:version="1.0.1(3bc2e813f5,2020-09-07)"sodipodi:docname="236-talk-3.svg"><defsid="defs2382"/><sodipodi:namedviewid="base"pagecolor="$grey-000"bordercolor="$grey-600"borderopacity="1.0"inkscape:pageopacity="0.0"inkscape:pageshadow="2"inkscape:zoom="22.4"inkscape:cx="16.721623"inkscape:cy="11.307736"inkscape:document-units="mm"inkscape:current-layer="layer1"inkscape:document-rotation="0"showgrid="false"inkscape:window-width="1920"inkscape:window-height="1001"inkscape:window-x="-9"inkscape:window-y="-9"inkscape:window-maximized="1"/><metadataid="metadata2385"><rdf:RDF><cc:Workrdf:about=""><dc:format>image/svg+xml</dc:format><dc:typerdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title></dc:title></cc:Work></rdf:RDF></metadata><ginkscape:label="Layer1"inkscape:groupmode="layer"id="layer1"transform="translate(-94.992976,-125.21592)"><pathd="m100.19517,125.21595h-3.824612c-0.750421,0-1.377582,0.70822-1.377582,1.58084v0.63233c0,0.872630.627161,1.580841.377582,1.58084h2.622839l1.011463,1.19089c0.0761,0.09490.19577,0.120150.29363,0.06960.10332,-0.05060.16858,-0.164410.16858,-0.2909v-1.00121c0.61991,-0.145461.08757,-0.784091.08757,-1.54922v-0.63233c0,-0.8726-0.60903,-1.58082-1.35947,-1.58082z"id="Path"fill="var(--msl-brand-secondary-400)"style="stroke-width:0.264583"/><pathd="m101.55464,126.7968v0.63233c0,0.76514-0.42663,1.40377-0.99219,1.54921v1.00119c0,0.12647-0.0595,0.2403-0.15379,0.2909-0.0893,0.0506-0.19846,0.0253-0.26788,-0.0696l-0.922768,-1.19091h-1.896703v-3.794h2.993091c0.68462,01.24024,0.708211.24024,1.58085z"id="path278"fill-opacity="0.306163"fill="$grey-000"style="opacity:0.31;fill:$grey-000;fill-opacity:1;stroke-width:0.264583"/><ellipseid="ellipse288"fill="$grey-50"cx="98.273811"cy="127.33262"rx="0.39220589"ry="0.42333335"style="stroke-width:0.264583;fill:$grey-000;fill-opacity:1"/><ellipseid="ellipse290"fill="$grey-50"cx="100.1041"cy="127.33262"rx="0.39220589"ry="0.42333335"style="stroke-width:0.264583;fill:$grey-000;fill-opacity:1"/><ellipseid="ellipse292"fill="$grey-000"cx="96.443512"cy="127.33262"rx="0.39220589"ry="0.42333335"style="stroke-width:0.264583;fill:$grey-000;fill-opacity:1"/></g></svg>');
    width: 30px;
    height: 30px;
    top: 0
}

.ZCoordonnes__choices__button--group {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ZCoordonnes__choices__button--group .ZCoordonnes__choices__button--input {
    display: none
}

.ZCoordonnes__choices__button--group .ZCoordonnes__choices__button--label {
    border: 1px solid var(--msl-brand-secondary-500);
    color: var(--msl-brand-primary);
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0
}

.ZCoordonnes__choices__button--group .ZCoordonnes__choices__button--label:not(:first-of-type) {
    border-left: none
}

.ZCoordonnes__choices__button--group .ZCoordonnes__choices__button--label:first-of-type {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.ZCoordonnes__choices__button--group .ZCoordonnes__choices__button--label:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.ZCoordonnes__choices__button--group .ZCoordonnes__choices__button--input[type=radio]:checked+label {
    background-color: var(--msl-brand-secondary-500);
    color: #fff
}

.ZCoordonnee__page .UpdateCoordonnee {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: var(--msl-spacing-400)
}

.ZCoordonnee__page .UpdateCoordonnee__subtext a {
    display: inline-block
}

.ZCoordonnee__page .UpdateCoordonnee__subtext p {
    display: inline-block
}

.ZCoordonnee__page .UpdateCoordonnee__icon {
    width: 40px;
    margin-right: 17.5px
}

.ZCoordonnee__page {
    padding: 0 20px
}

.ZCoordonnee__page .input-error {
    display: none;
    color: var(--msl-functionnal-danger-100)
}

.ZCoordonnee__page .Title {
    padding: 0;
    margin-top: 48px;
    margin-bottom: var(--msl-spacing-400);
    color: var(--msl-brand-secondary-500)
}

.ZCoordonnee__page .ZCoordonnes-texte {
    min-height: 32px
}

.ZCoordonnee__page .ZCoordonee__form {
    margin-top: var(--msl-spacing-400)
}

.ZCoordonnee__page .ZCoordonee__form form {
    padding: 0
}

.ZCoordonnee__page .ZCoordonee__form label {
    text-transform: none;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: 0
}

.ZCoordonnee__page .ZCoordonee__form .sublabel {
    text-transform: none;
    height: 19px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-700);
    letter-spacing: 0
}

.ZCoordonnee__page .ZCoordonee__form input {
    height: 40px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400)
}

.ZCoordonnee__page .ZCoordonee__form .form-group-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ZCoordonnee__page .ZCoordonee__form .form-group-tel :first-child {
    margin-right: 25px
}

.ZCoordonnee__page .ZCoordonee__form .form-group-tel .facultatif {
    margin-left: var(--msl-spacing-200);
    -webkit-align-self: center;
    align-self: center;
    font-style: italic;
    font-weight: var(--msl-fontWeight-400)
}

.ZCoordonnee__page .ZCoordonee__form .facultatif-mobile {
    margin-left: var(--msl-spacing-200);
    -webkit-align-self: center;
    align-self: center;
    font-style: italic;
    font-weight: var(--msl-fontWeight-400);
    display: none
}

.ZCoordonnee__page .ZCoordonee__form .ZCoordonee__form__row {
    margin-bottom: var(--msl-spacing-400)
}

.ZCoordonnee__page .ZCoordonnes__choices {
    margin-top: var(--msl-spacing-400)
}

.ZCoordonnee__page .ZCoordonnes__choices button {
    height: 32px;
    padding: 7px 19px
}

.ZCoordonnee__page .ZCoordonnee__submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: var(--msl-spacing-500)
}

.ZCoordonnee__page .ZCoordonnee__submit :first-child {
    margin-left: var(--msl-spacing-200);
    width: 105px
}

.ZCoordonnee__page .ZCoordonnee__submit :nth-child(2) {
    margin-left: var(--msl-spacing-200);
    width: 84px
}

@media (max-width: 649px) {
    .ZCoordonnee__page {
        padding:0
    }

    .ZCoordonnee__page .BannerTip__icon {
        display: none
    }

    .ZCoordonnee__page .ZCoordonee__form .form-group-tel :first-child {
        margin-right: 6px
    }

    .ZCoordonnee__page .ZCoordonee__form label[for=input3] p {
        display: inline-block
    }

    .ZCoordonnee__page .ZCoordonee__form .facultatif-mobile {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-12);
        font-weight: var(--msl-fontWeight-400)
    }

    .ZCoordonnee__page .ZCoordonnee__submit {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: var(--msl-spacing-500);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .ZCoordonnee__page .ZCoordonnee__submit :first-child {
        margin-left: 0;
        width: 100%
    }

    .ZCoordonnee__page .ZCoordonnee__submit :nth-child(2) {
        margin-left: 0;
        width: 100%
    }

    .ZCoordonnee__page .facultatif {
        display: none
    }
}

.EDocsSearch {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

.EDocsSearch-research {
    position: relative
}

.EDocsSearch-research .form-group {
    margin-bottom: 0
}

.InputColor .form-control,.InputColor .form-control:focus,.InputColor .form-control:hover {
    background-color: var(--msl-brand-primary)!important;
    color: var(--msl-artwork-grey-0)!important;
    border: 1px solid var(--msl-brand-primary)!important
}

.InputColor .icon-form {
    color: var(--msl-artwork-grey-0)!important
}

.EDocsSearch-research {
    width: 37.5%;
    margin: 0
}

.EDocsSearch-researchItem {
    height: 100%;
    padding-right: var(--msl-spacing-500)!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.EDocsSearch-sort {
    position: relative;
    width: 30%;
    margin: 0
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle {
    height: 100%;
    padding-left: 15px;
    padding-right: 30px
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle.bs-placeholder {
    color: var(--msl-artwork-grey-900)
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    color: var(--msl-brand-primary)
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 161px!important
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a {
    padding-left: var(--msl-spacing-500)
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:after,.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a:before {
    left: 27px;
    top: 11px
}

.EDocsSearch-sort .bootstrap-select.btn-group .dropdown-menu li a .glyphicon {
    display: none!important
}

.EDocsSearch-research--width,.EDocsSearch-sort--width {
    width: 49%
}

.SelectColor .dropdown-toggle,.SelectColor .dropdown-toggle:focus,.SelectColor .dropdown-toggle:hover {
    background-color: var(--msl-brand-primary)!important;
    color: var(--msl-artwork-grey-0)!important;
    border: 1px solid var(--msl-brand-primary)!important
}

.SelectColor .dropdown-toggle .caret:after {
    color: var(--msl-artwork-grey-0)!important
}

.EDocsSearch-sortBtn {
    width: 100%!important
}

@media screen and (max-width: 649px) {
    .EDocsSearch {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .EDocsSearch-research,.EDocsSearch-sort {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin: 5px
    }

    .EDocsSearch-research {
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px)
    }

    .EDocsSearch-sort {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .EDocsSearch-research--width,.EDocsSearch-sort--width {
        width: 100%;
        margin: 0
    }
}

.SubcribeEDocs {
    padding: var(--msl-spacing-500) 5%
}

.SubcribeEDocs-text {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    margin: 20px 0
}

.SubcribeEDocs-text:first-child {
    margin-top: 0
}

.SubcribeEDocs-text--primary {
    color: var(--msl-brand-primary)
}

.SubcribeEDocs-btnWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

.SubcribeEDocs-BtnSecondary {
    width: 49%;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent
}

.SubcribeEDocs-BtnPrimary {
    width: 49%;
    margin: 0
}

.SubcribeEDocs-Btn--width100 {
    width: 100%
}

.SubcribeEDocs-title {
    margin-top: var(--msl-spacing-500);
    margin-bottom: 20px
}

@media screen and (max-width: 649px) {
    .SubcribeEDocs-btnWrap {
        -webkit-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .SubcribeEDocs-BtnPrimary,.SubcribeEDocs-BtnSecondary {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin: 5px 0
    }

    .SubcribeEDocs-BtnSecondary {
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px)
    }

    .SubcribeEDocs-BtnPrimary {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .SubcribeEDocs-Btn--width100 {
        width: 100%
    }
}

.EDocs:last-child {
    margin-bottom: 5%
}

.EDocs .btn {
    font-weight: var(--msl-fontWeight-600)
}

@media (max-width: 649px) {
    .EDocs .btn {
        min-width:0;
        padding-left: 10px;
        padding-right: 10px;
        margin: 5px 0
    }
}

.EDocs-head {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 30px
}

.EDocs-headTitle {
    display: table-cell;
    width: -webkit-calc(100% - 20%);
    width: calc(100% - 20%);
    vertical-align: bottom;
    text-align: left
}

.EDocs-headLinkViewAllDocs {
    display: table-cell;
    width: 20%;
    vertical-align: bottom;
    text-align: right;
    padding-left: 20px;
    padding-bottom: 5px;
    white-space: nowrap
}

.EDocs-headLinkViewAllDocs--mT15 {
    margin-top: 15px
}

.EDocs-titleBloc {
    margin-bottom: 20px;
    color: var(--msl-artwork-grey-900)
}

.EDocs-content {
    margin-top: 5%
}

.EDocs-item {
    display: table;
    width: 100%;
    position: relative;
    min-height: 75px;
    padding: 2.5%;
    background-color: var(--msl-artwork-grey-50);
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

.EDocs-itemContent {
    display: table-cell;
    vertical-align: middle
}

.EDocs-itemContent:first-child {
    width: 5%;
    text-align: center;
    padding-left: 5px
}

.EDocs-itemContent:last-child {
    width: 95%;
    padding-left: 15px
}

.EDocs-itemContent.EDocs-itemContent--bold a .EDocs-name {
    font-weight: var(--msl-fontWeight-700)
}

.EDocs-itemContent--bold {
    font-weight: var(--msl-fontWeight-700)
}

.EDocs-itemContent--regular {
    font-weight: var(--msl-fontWeight-400)
}

.EDocs-item--rollHoverGray05:hover {
    background-color: var(--msl-artwork-grey-100)
}

.EDocs-dateEndOfAvailability,.EDocs-dateOfAvailability,.EDocs-name,.EDocs-owner {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900);
    margin-bottom: 2px
}

.EDocs-name {
    color: var(--msl-brand-primary)
}

.EDocs-name,.EDocs-name:hover {
    text-decoration: none
}

.EDocs-accountNumber {
    color: var(--msl-brand-primary)
}

.EDocs-dateEndOfAvailability {
    color: var(--msl-artwork-grey-600);
    font-weight: var(--msl-fontWeight-400)
}

.EDocs-dateEndOfAvailability,.EDocs-dateOfAvailability {
    padding-left: 15px
}

.EDocs-name {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.EDocs-owner {
    width: -webkit-calc(100% - 210px);
    width: calc(100% - 210px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.EDocs-icon {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-secondary-400)
}

.EDocs-BtnSecondary {
    width: 100%;
    margin: 10px 0;
    white-space: pre-wrap
}

.EDocs-redirect {
    margin-top: 55px;
    margin-bottom: 5%;
    color: var(--msl-artwork-grey-900)
}

.EDocs-redirectContent {
    position: relative;
    margin-bottom: 1px;
    overflow: hidden
}

.EDocs-redirectContent a {
    text-decoration: none
}

.EDocs-redirectContent:first-child {
    border-top-left-radius: var(--msl-borderRadius-100);
    border-top-right-radius: var(--msl-borderRadius-100)
}

.EDocs-redirectContent:last-child {
    border-bottom-left-radius: var(--msl-borderRadius-100);
    border-bottom-right-radius: var(--msl-borderRadius-100)
}

.EDocs-redirectLink {
    display: table;
    width: 100%;
    table-layout: fixed
}

.EDocs-redirectLink:focus .EDocs-redirectLinkImg,.EDocs-redirectLink:focus .EDocs-redirectLinkText,.EDocs-redirectLink:hover .EDocs-redirectLinkImg,.EDocs-redirectLink:hover .EDocs-redirectLinkText {
    background-color: var(--msl-brand-secondary-400);
    color: var(--msl-artwork-grey-0)
}

.EDocs-redirectLinkImg,.EDocs-redirectLinkText {
    display: table-cell;
    vertical-align: middle
}

.EDocs-redirectLinkText {
    text-transform: uppercase;
    padding: 15px 25px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-900)
}

.EDocs-redirectLinkImg {
    display: table-cell;
    width: 45px;
    text-align: center;
    font-size: 1.3em;
    color: var(--msl-brand-primary)
}

.EDocs-noDataToDisplay {
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary);
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 649px) {
    .EDocs-BtnSecondary.EDocs-BtnSecondary {
        width:100%;
        margin-top: 15px
    }

    .EDocs-name,.EDocs-owner {
        width: 100%;
        white-space: inherit
    }

    .EDocs-dateOfAvailability {
        float: left;
        padding-left: 0
    }
}

.EDocs .dataTables_length {
    float: left
}

@media screen and (max-width: 989px) {
    .EDocs .dataTables_length {
        display:none
    }
}

.EDocs .dataTables_paginate {
    font-size: 0;
    text-align: center;
    margin-top: 10px
}

@media screen and (max-width: 989px) {
    .EDocs .dataTables_paginate {
        float:none;
        margin-top: 0;
        text-align: center
    }
}

.EDocs .DataTable-lenght {
    width: 135px!important
}

.EDocs .DataTable-table {
    width: 100%!important;
    border-collapse: separate;
    margin-bottom: 30px
}

.EDocs .DataTable-table thead th {
    position: relative;
    padding: 14px 30px 14px 20px;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary);
    text-align: right;
    outline: 0!important;
    font-weight: var(--msl-fontWeight-600)
}

.EDocs .DataTable-table thead th:after,.EDocs .DataTable-table thead th:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border: 5px solid transparent;
    margin: -6px 0;
    opacity: 1;
    margin-right: 11px;
    cursor: pointer
}

.EDocs .DataTable-table thead th:before {
    border-top: 0;
    border-bottom-color: var(--msl-artwork-grey-0)
}

.EDocs .DataTable-table thead th:after {
    margin-top: 1px;
    border-bottom: 0;
    border-top-color: var(--msl-artwork-grey-0)
}

.EDocs .DataTable-table thead th span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    margin-right: -20px;
    text-align: left
}

.EDocs .DataTable-table thead .sorting span:after,.EDocs .DataTable-table thead .sorting span:before,.EDocs .DataTable-table thead .sorting_asc span:after,.EDocs .DataTable-table thead .sorting_desc span:before {
    opacity: .5
}

.EDocs .dataTables_wrapper~.EDocs-noDataToDisplay {
    display: none
}

.EDocs .no-pagination .dataTables_paginate {
    display: none
}

.EDocs .no-pagination-test .customLenght,.EDocs .no-pagination-test .dataTables_paginate {
    display: none
}

.EDocs .no-items {
    display: none
}

.EDocs .no-items~.EDocs-noDataToDisplay {
    display: block
}

.EDocs .DataTable-tableCustom {
    width: 100%!important;
    border-collapse: separate;
    margin-bottom: 30px
}

.EDocs .DataTable-tableCustom thead th {
    position: relative;
    height: 48px;
    padding: 7px 30px 7px 20px;
    color: var(--msl-artwork-grey-0);
    background: var(--msl-brand-primary);
    text-align: center;
    outline: 0!important;
    font-weight: var(--msl-fontWeight-600)
}

.EDocs .DataTable-tableCustom thead th span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    margin-right: -20px;
    text-align: left
}

.EDocs .DataTable-tableCustom thead th span:after,.EDocs .DataTable-tableCustom thead th span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border: 5px solid transparent;
    margin: -6px 0;
    opacity: 1;
    margin-right: 2.5%;
    cursor: pointer
}

.EDocs .DataTable-tableCustom thead th span:before {
    border-top: 0;
    border-bottom-color: var(--msl-artwork-grey-0)
}

.EDocs .DataTable-tableCustom thead th span:after {
    margin-top: 1px;
    border-bottom: 0;
    border-top-color: var(--msl-artwork-grey-0)
}

.EDocs .DataTable-tableCustom thead .sorting span:after,.EDocs .DataTable-tableCustom thead .sorting span:before,.EDocs .DataTable-tableCustom thead .sorting_asc span:after,.EDocs .DataTable-tableCustom thead .sorting_desc span:before {
    opacity: .5
}

.EDocs .DataTable-tableCustom td {
    padding: 21px 10px;
    border-bottom: 1px solid var(--msl-artwork-grey-0)
}

.EDocs .DataTable-tableCustom td:first-child {
    padding-left: 21px
}

.EDocs .DataTable-tableCustom td:last-child {
    padding-right: 21px
}

.EDocs .DataTable-tableCustom .DataTable-tableCustomTrBold {
    font-weight: var(--msl-fontWeight-700)
}

.EDocs .DataTable-tableCustom .DataTable-tableCustomTrRegular {
    font-weight: var(--msl-fontWeight-400)
}

.EDocs .DataTable-tableCustom .EDocs-name,.EDocs .DataTable-tableCustom .EDocs-owner {
    width: 100%;
    text-overflow: inherit;
    white-space: inherit;
    overflow: inherit
}

.EDocs .DataTable-tableCustom .EDocs-dateEndOfAvailability,.EDocs .DataTable-tableCustom .EDocs-dateOfAvailability {
    padding: 0
}

@media screen and (max-width: 989px) {
    .EDocs .DataTable-tableCustom .EDocs-dateEndOfAvailability,.EDocs .DataTable-tableCustom .EDocs-dateOfAvailability {
        float:none;
        padding-right: 11px;
        text-align: right
    }
}

.EDocsCustomFilter {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0
}

@media screen and (max-width: 989px) {
    .EDocsCustomFilter {
        position:fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        -webkit-animation: 1s ease-in-out 2s forwards transition;
        animation: 1s ease-in-out 2s forwards transition
    }
}

.EDocsCustomFilter-layer {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: var(--msl-artwork-grey-0)
}

@media screen and (max-width: 989px) {
    .EDocsCustomFilter-layer {
        position:absolute;
        cursor: pointer
    }
}

.EDocsCustomFilter-content {
    padding: 65px 50px;
    background-color: var(--msl-brand-primary)
}

@media screen and (max-width: 989px) {
    .EDocsCustomFilter-content {
        position:absolute;
        top: 0;
        right: 0;
        width: 400px;
        height: 100%;
        overflow: auto;
        z-index: 10;
        padding-top: 100px
    }
}

@media screen and (max-width: 649px) {
    .EDocsCustomFilter-content {
        float:left;
        width: 100%
    }
}

.EDocsCustomFilter-hearder {
    position: absolute;
    display: table;
    width: 100%;
    height: 60px;
    top: 0;
    right: 0;
    background-color: var(--msl-artwork-grey-0)
}

.EDocsCustomFilter-hearderTitle {
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
    font-weight: var(--msl-fontWeight-600)
}

.EDocsCustomFilter-hearderClose {
    display: table-cell;
    vertical-align: middle;
    float: right;
    color: var(--msl-artwork-grey-0);
    width: 60px;
    height: 60px;
    padding: 15px;
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    text-align: center;
    background: var(--msl-functionnal-contact);
    border: 0
}

.EDocsCustomFilter-hearderClose::before {
    display: table-cell;
    width: 60px;
    font-family: "NPC Icons crunchy R2503"!important;
    content: "";
    font-size: var(--msl-fontSize-18);
    text-align: center;
    outline: 0
}

.EDocsCustomFilter-textWhite {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-0);
    margin-bottom: 30px
}

.EDocsCustomFilter-research {
    margin-bottom: 30px
}

.EDocsCustomFilter-research .form-group,.EDocsCustomFilter-research .input-field {
    margin-bottom: 1px
}

.EDocsCustomFilter-research .form-label-white {
    margin-bottom: 10px
}

.EDocsCustomFilter-date {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 30px
}

.EDocsCustomFilter-date .form-label-white {
    margin-bottom: 10px
}

.EDocsCustomFilter-dateStart {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px
}

.EDocsCustomFilter-dateEnd {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px
}

.EDocsCustomFilter-checklist {
    background-color: var(--msl-artwork-grey-0);
    padding: 0 15px;
    max-height: 200px;
    overflow: auto;
    border-radius: 0 0 var(--msl-borderRadius-50) var(--msl-borderRadius-50)
}

.EDocsCustomFilter-checklist .form-group {
    margin: 0
}

.EDocsCustomFilter-checklist .checkbox {
    margin: 20px 0
}

.EDocsCustomFilter-checklist .checkbox-label {
    text-transform: capitalize;
    font-weight: var(--msl-fontWeight-600)
}

.EDocsCustomFilter-checklist--maxHeight {
    max-height: 290px
}

.EDocsCustomFilter-sbuLabel {
    color: var(--msl-artwork-grey-600)
}

.EDocsCustomFilter-researchItem {
    height: 100%;
    padding-right: var(--msl-spacing-500)!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 4px 4px 0 0
}

.EDocsCustomFilter-researchItem,.EDocsCustomFilter-researchItem:focus,.EDocsCustomFilter-researchItem:hover {
    border: 1px solid var(--msl-artwork-grey-0)!important
}

.EDocsCustomFilter-btnWrap {
    width: 100%;
    padding: 0
}

.EDocsCustomFilter-btnPrimaryWhite {
    width: 100%;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (max-width: 649px) {
    .EDocs .DataTable-tableCustom td {
        padding:21px 5px
    }

    .EDocs .DataTable-tableCustom td:first-child {
        padding-left: 10px
    }

    .EDocs .DataTable-tableCustom td:last-child {
        padding-right: 10px
    }
}

.FirstLogin-container {
    background: var(--msl-artwork-grey-0)
}

.FirstLogin-container .Login-key {
    background: var(--msl-artwork-grey-50)
}

.FirstLogin-container .ZCoord-head {
    margin-bottom: 15px
}

.FirstLogin-container .ZCoord-itemInput {
    margin-bottom: 20px
}

.FirstLogin-main,.FirstLogin-pearls {
    float: none;
    padding-left: 5%;
    padding-right: 5%
}

.FirstLogin-pearls {
    max-width: 650px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 20px
}

.FirstLogin-formGroupHeader {
    text-align: right
}

.FirstLogin-formGroupHeader:after {
    content: '';
    display: table;
    clear: both
}

.FirstLogin-loginLabel {
    float: left;
    margin-right: 10px
}

.FirstLogin-loginForget {
    color: inherit;
    font-style: italic;
    font-weight: var(--msl-fontWeight-400)
}

.FirstLogin-loginInfo {
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: var(--msl-fontWeight-400)
}

.FirstLogin-loginField {
    margin-bottom: 10px
}

.FirstLogin-loginInput[readonly] {
    background: var(--msl-artwork-grey-0)!important
}

.FirstLogin-button {
    display: block;
    width: 100%;
    margin: 10px 0
}

@media (max-width: 989px) {
    .FirstLogin-pearls {
        font-family:var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-11);
        font-weight: var(--msl-fontWeight-400)
    }
}

.intKycContainer {
    padding: 56px;
    text-align: center
}

.intKycContainer .warning {
    color: var(--msl-functionnal-warning-100);
    background-color: var(--msl-functionnal-warning-30);
    border-radius: 50%;
    height: 48px;
    width: 48px;
    padding: 1rem 0;
    margin: 0 auto
}

.intKycContainer .warning i {
    font-size: var(--msl-fontSize-24)
}

.intKycContainer h1 {
    color: var(--msl-artwork-grey-900);
    font-weight: var(--msl-fontWeight-700)
}

.intKycContainer .description {
    margin-bottom: 15px;
    color: var(--msl-artwork-grey-900)
}

.intKycContainer .laterBtn {
    line-height: 48px
}

.MailCasa-footer,.MailCasa-greenBanner,.MailCasa-headerLogo {
    display: none
}

[owa] .MailCasa-headerLogoOwaImg {
    -ms-interpolation-mode: bicubic;
    clear: both;
    display: block;
    max-width: 100%;
    max-height: 100%;
    outline: 0;
    text-decoration: none;
    vertical-align: middle;
    border: 0;
    margin-left: auto;
    margin-right: auto
}

.SitePlan-title {
    font-style: normal;
    font-size: var(--msl-fontSize-40);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-primary)
}

@media (max-width: 989px) {
    .SitePlan-title {
        font-size:var(--msl-fontSize-34)
    }
}

.SitePlan-subTitle {
    font-style: normal;
    font-size: var(--msl-fontSize-24);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: #19212d;
    text-transform: none
}

.ThirdOfPayment .Accordions {
    padding: 0;
    margin-bottom: 15px
}

.ThirdOfPayment .Accordions .AccordionSteps-main {
    padding: 0 15px;
    margin-bottom: 0
}

.ThirdOfPayment .AccordionSteps {
    width: 100%;
    margin: 0
}

.ThirdOfPayment .AccordionSteps-main--padLR60 {
    padding: 0 60px
}

.ThirdOfPayment .AccordionSteps-headerTitle {
    width: 100%;
    margin: 8.5px 0;
    padding: 11px 0
}

.ThirdOfPayment .AccordionSteps-nameApi {
    text-transform: uppercase
}

.ThirdOfPayment .AccordionSteps-enrollmentDate,.ThirdOfPayment .AccordionSteps-nextAuthent {
    color: var(--msl-artwork-grey-600)
}

.ThirdOfPayment .AccordionSteps-enrollmentDate--warning {
    color: var(--msl-functionnal-danger-100)
}

.ThirdOfPayment .AccordionSteps-headerText {
    width: 100%;
    margin: 8.5px 0
}

.ThirdOfPayment .AccordionSteps-headerIcon {
    width: 60px;
    background-color: transparent;
    font-size: var(--msl-fontSize-28);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-secondary-400);
    padding: 10px 10px 10px 15px
}

.ThirdOfPayment .AccordionSteps-headerToggle {
    width: 55px;
    padding: 0 5px 0 25px
}

.ThirdOfPayment .AccordionSteps-mainContent {
    margin: 20px 0
}

.ThirdOfPayment .AccordionSteps-mainContentItem {
    color: var(--msl-artwork-grey-600);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400)
}

.ThirdOfPayment .AccordionSteps-mainContentCard {
    padding-left: 30px
}

.ThirdOfPayment .AccordionSteps-mainContentItem--owner {
    color: var(--msl-brand-primary);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-14);
    font-weight: var(--msl-fontWeight-400);
    margin-bottom: 30px
}

.ThirdOfPayment .AccordionSteps-mainContentItem--owner+.AccordionSteps-mainContentItem--number,.ThirdOfPayment .AccordionSteps-mainContentItem--owner+.AccordionSteps-mainContentOptions {
    margin-bottom: 15px
}

.ThirdOfPayment .AccordionSteps-mainContentItem--number strong {
    color: var(--msl-artwork-grey-900);
    text-transform: uppercase
}

.ThirdOfPayment .AccordionSteps-mainContentItem--number span {
    display: inline-block
}

.ThirdOfPayment .AccordionSteps-mainContentOptions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 5px 0
}

.ThirdOfPayment .AccordionSteps-mainContentOptions+.AccordionSteps-mainContentCard,.ThirdOfPayment .AccordionSteps-mainContentOptions+.AccordionSteps-mainContentItem--number,.ThirdOfPayment .AccordionSteps-mainContentOptions+.AccordionSteps-mainContentItem--owner,.ThirdOfPayment .AccordionSteps-mainContentOptions+.AccordionSteps-mainContentItem--owner+.AccordionSteps-mainContentItem--owner {
    margin-top: 30px
}

.ThirdOfPayment .AccordionSteps-mainContentOptionsText {
    font-weight: var(--msl-fontWeight-400)
}

.ThirdOfPayment .AccordionSteps-mainContentOptionsBtn {
    min-width: 100px;
    font-weight: var(--msl-fontWeight-600);
    text-align: center;
    text-transform: uppercase;
    color: var(--msl-artwork-grey-0);
    background-color: var(--msl-brand-secondary-400);
    padding: 5px 12px;
    border-radius: 50px
}

.ThirdOfPayment .AccordionSteps-mainContentOptionsBtn--optDisabled {
    background-color: var(--msl-artwork-grey-100);
    border-color: var(--msl-artwork-grey-100)
}

.ThirdOfPayment .paginationItem--agregateur {
    padding-top: 25px
}

@media screen and (max-width: 649px) {
    .ThirdOfPayment .Accordions {
        padding:0
    }

    .ThirdOfPayment .AccordionSteps-headerToggle {
        text-align: center
    }
}

.fol-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fol-page .fol-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fol-page .flex-item {
    width: 50%
}

.fol-page .fol-row-reverse {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 649px) {
    .fol-page .fol-row {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .fol-page .fol-row-reverse {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .fol-page .flex-item {
        width: 100%
    }
}

@media (min-width: 990px) {
    .fol-page .placeholder-45-67-89-1011 div.composant-50-50:nth-of-type(2n)>div:first-of-type,.fol-page .placeholder-45-67-89-1011-reconnu div.composant-50-50:nth-of-type(2n)>div:first-of-type {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.fol-page .composant-50-50 {
    margin-top: 56px;
    margin-bottom: 56px;
    width: 100%;
    display: inline-block
}

.fol-page .componant-spacing-height {
    margin-top: 56px;
    margin-bottom: 56px;
    width: 100%
}

.fol-page .componant-spacing-width {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%!important
}

.fol-page .placeholder-1415 .parsys_column,.fol-page .placeholder-1415-reconnu .parsys_column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fol-page .placeholder-1617-reconnu.parsys .parsys_column,.fol-page .placeholder-1617.parsys .parsys_column,.fol-page .placeholder-45-67-89-1011-reconnu.parsys .parsys_column,.fol-page .placeholder-45-67-89-1011.parsys .parsys_column {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 1184px) {
    .fol-page .npc-bandeaux-promotionnel {
        margin-left:-webkit-calc((100% - 1120px)/ 2);
        margin-left: calc((100% - 1120px)/ 2);
        margin-right: -webkit-calc((100% - 1120px)/ 2);
        margin-right: calc((100% - 1120px)/ 2)
    }
}

.projet-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.projet-page .componant-projet-page {
    margin: 56px 15% 0;
    width: 70%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.projet-page .componant-projet-page h1 {
    font-size: var(--msl-fontSize-34);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    color: var(--msl-brand-secondary-500);
    margin-bottom: var(--msl-spacing-300);
    text-transform: none
}

.projet-page .componant-projet-page p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-16);
    font-weight: var(--msl-fontWeight-400);
    color: var(--msl-artwork-grey-1000);
    margin-bottom: var(--msl-spacing-300)
}

.projet-page .componant-projet-page .componant-flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: var(--msl-spacing-300);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.projet-page .componant-projet-page .componant-flex-row .projet-ships {
    margin: 5px;
    background-color: var(--msl-artwork-grey-100);
    border-radius: var(--msl-borderRadius-200);
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-12);
    font-weight: var(--msl-fontWeight-400);
    padding: var(--msl-spacing-100) var(--msl-spacing-200);
    display: inline-block
}

.projet-page .componant-projet-page .componant-flex-row p {
    margin: 0
}

.projet-page .componant-projet-page .componant-flex-row .projet-icon {
    font-size: 24px;
    color: var(--msl-brand-secondary-500)
}

.projet-page .componant-image {
    margin: 0 7% 56px;
    width: 86%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.projet-page .componant-image img {
    width: 100%;
    max-width: 2048px
}

.projet-page .componant-spacing-width {
    margin-left: 7%;
    margin-right: 7%;
    width: 86%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (max-width: 649px) {
    .projet-page .componant-projet-page {
        margin:56px 3% 0;
        width: 94%
    }

    .projet-page .componant-projet-page h1 {
        font-size: var(--msl-fontSize-28);
        font-family: var(--msl-fontFamily-heading);
        font-weight: var(--msl-fontWeight-700)
    }

    .projet-page .componant-projet-page p {
        font-family: var(--msl-fontFamily-body);
        font-size: var(--msl-fontSize-14);
        font-weight: var(--msl-fontWeight-400)
    }

    .projet-page .componant-image {
        margin: 0 3% 56px;
        width: 94%
    }

    .projet-page .componant-spacing-width {
        margin-left: 3%;
        margin-right: 3%;
        width: 94%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.pageProjetCardList {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (min-width: 1169px) {
    .pageProjetCardList {
        padding:0 -webkit-calc((100% - 387px * 3)/ 2);
        padding: 0 calc((100% - 387px * 3)/ 2)
    }
}

.pageProjetCardList .Card {
    min-width: 255px;
    margin: 10px;
    max-width: 367px;
    display: none
}

@media screen and (max-width: 1169px) {
    .pageProjetCardList .Card {
        width:100%
    }
}

.pageProjetCardList .Card-projet-finance {
    padding: var(--msl-spacing-300)
}

.pageProjetCardList .Card-projet-finance h3 {
    height: unset
}

.pageProjetCardList .Card-projet-finance .Card-infos .Card-ship-list .Card-ship {
    padding: var(--msl-spacing-100) var(--msl-spacing-200);
    border: unset
}

.pageProjetCardList .Card-projet-finance .Card-infos .Card-description {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

#pageProjetCarte {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (min-width: 1169px) {
    #pageProjetCarte {
        padding:0 -webkit-calc((100% - 387px * 3)/ 2);
        padding: 0 calc((100% - 387px * 3)/ 2)
    }
}

#pageProjetCarte #mapProjet {
    height: 992px;
    width: 100%
}

#pageProjetCarte #mapProjet .popup-cards {
    width: 200px;
    background: var(--msl-artwork-grey-0);
    border-radius: var(--msl-borderRadius-100);
    padding: var(--msl-spacing-100);
    gap: var(--msl-spacing-100);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--msl-brand-secondary-500)
}

#pageProjetCarte #mapProjet .popup-cards h4 {
    font-size: var(--msl-fontSize-18);
    font-family: var(--msl-fontFamily-heading);
    font-weight: var(--msl-fontWeight-700);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-transform: unset;
    color: var(--msl-artwork-grey-900);
    width: 100%
}

#pageProjetCarte #mapProjet .popup-cards p {
    font-family: var(--msl-fontFamily-body);
    font-size: var(--msl-fontSize-11);
    font-weight: var(--msl-fontWeight-400);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--msl-artwork-grey-900);
    width: 100%
}

#pageProjetCarte #mapProjet .popup-cards p i {
    font-size: var(--msl-fontSize-24)
}

@media screen and (max-width: 649px) {
    #pageProjetCarte #mapProjet .popup-cards p i {
        display:none
    }
}

@media screen and (max-width: 649px) {
    #pageProjetCarte #mapProjet .popup-cards p {
        overflow:hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }
}

#pageProjetCarte #mapProjet .gm-style .gm-style-iw-c {
    max-width: unset!important
}

#pageProjetCarte #mapProjet .gm-style .gm-style-iw-d {
    max-height: unset!important
}

@media screen and (max-width: 649px) {
    #pageProjetCarte #mapProjet .popup-cards {
        width:160px
    }
}

@media screen and (max-width: 649px) {
    #pageProjetCarte #mapProjet {
        height:450px
    }
}

.componantFiltre {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto
}

.componantFiltre .fieldsetWithCombobox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.componantFiltre .fieldsetWithCombobox legend {
    font-weight: var(--msl-fontWeight-600);
    position: absolute;
    top: -2rem;
    left: 0;
    border: 0;
    font-size: var(--msl-fontSize-14)
}

.componantFiltre .npc-msl-toggle__content label {
    padding-top: 12px;
    margin: 0
}

.componantFiltre .npc-msl-toggle__content {
    height: 48px
}

@media screen and (min-width: 1169px) {
    .componantFiltre {
        margin:0 -webkit-calc((100% - 387px * 3)/ 2)!important;
        margin: 0 calc((100% - 387px * 3)/ 2)!important
    }

    .componantFiltre .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 270px
    }
}

@media screen and (min-width: 649px) {
    .componantFiltre {
        margin:0 50px;
        border-radius: var(--msl-borderRadius-200);
        border-top: 1px solid var(--msl-artwork-grey-0);
        box-shadow: var(--msl-boxShadow-s);
        background-color: var(--msl-artwork-grey-0);
        padding: 3rem 1.25rem 1.25rem
    }

    .componantFiltre .selectFiltre .selectCaisseRegionale,.componantFiltre .selectFiltre .selectThematique {
        margin-right: 15px
    }

    .componantFiltre .npc-msl-toggle {
        margin-left: auto
    }
}

@media screen and (min-width: 649px) and (max-width:1169px) {
    .componantFiltre {
        padding-top:1rem
    }

    .componantFiltre .fieldsetWithCombobox {
        width: 100%;
        margin-top: 0;
        margin-bottom: 1rem
    }

    .componantFiltre .fieldsetWithCombobox legend {
        position: relative;
        top: unset;
        margin-bottom: .75rem
    }

    .componantFiltre .selectCaisseRegionale,.componantFiltre .selectThematique {
        width: -webkit-calc((100% - 15px)/ 2);
        width: calc((100% - 15px)/ 2)
    }

    .componantFiltre .selectCaisseRegionale .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),.componantFiltre .selectThematique .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
        min-width: 270px
    }

    .componantFiltre .selectCaisseRegionale {
        margin-right: 0!important
    }
}

@media screen and (max-width: 649px) {
    .componantFiltre .selectFiltre {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0 7%
    }

    .componantFiltre .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%
    }

    .componantFiltre .filtreTitle {
        padding: 0;
        max-width: 367px;
        width: 100%
    }

    .componantFiltre .fieldsetWithCombobox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .componantFiltre .selectFiltre .fieldsetWithCombobox,.componantFiltre .selectFiltre .npc-msl-toggle,.componantFiltre .selectFiltre .reinitial-link,.componantFiltre .selectFiltre .selectCaisseRegionale,.componantFiltre .selectFiltre .selectThematique {
        max-width: 367px;
        margin-bottom: 1rem;
        min-width: 255px;
        width: 100%
    }
}

.componantFiltre .dropdown-menu.inner li:first-child {
    display: none
}

.componantFiltre .btn.dropdown-toggle {
    background-color: #f7f8fa;
    color: var(--msl-artwork-grey-600);
    border: 0
}

.componantFiltre .btn-group.open .dropdown-toggle,.componantFiltre .btn.dropdown-toggle.btn-default:active,.componantFiltre .btn.dropdown-toggle.btn-default:focus,.componantFiltre .btn.dropdown-toggle.btn-default:hover {
    color: var(--msl-artwork-grey-900);
    box-shadow: none;
    background-color: #f7f8fa!important
}

.componantFiltre .selectFiltre {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.componantFiltre .dropdown-menu>li>a:hover {
    color: var(--msl-brand-secondary-400)
}

.componantFiltre .bootstrap-select.btn-group .dropdown-menu li a {
    padding: 3px 20px
}

.componantFiltre .dropdown-menu {
    border: none;
    margin: 0!important;
    min-height: auto!important
}

.componantFiltre .dropdown-menu ul {
    min-height: auto!important
}

.componantFiltre .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.componantFiltre .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: none
}

.componantFiltre .dropdown-menu>li>a:hover {
    font-weight: var(--msl-fontWeight-600)!important
}

.componantFiltre .bootstrap-select--default.bootstrap-select.btn-group.open .dropdown-toggle .caret:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ghost.section:not(.cq-Editable-dom) {
    display: none !important;
}

.etapier {
    width: 100%;
}

.w-100 {
	width: 100%!important;
}

.mb-0 {
	margin-bottom: 0!important;
}

.d-none {
	display: none !important;
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

.table-npc {
	border-radius: var(--msl-borderRadius-100);
	overflow: hidden;
	box-shadow: var(--msl-boxShadow-m);
}

.table-npc .npc-table--header {
	width: 100%;
	font-family: var(--msl-fontFamily-body);
	font-size: var(--msl-fontSize-12);
	font-weight: var(--msl-fontWeight-600);
}

.table-npc .npc-table--header .npc-table-header--element {
	color: var(--msl-artwork-grey-0);
	background-color: var(--msl-brand-secondary-400);
	padding: var(--msl-spacing-200) var(--msl-spacing-100);
}

.table-npc .npc-card .npc-card--element {
	font-family: var(--msl-fontFamily-body);
	font-size: var(--msl-fontSize-11);
	font-weight: var(--msl-fontWeight-600);
	vertical-align: middle;
	padding: 0 var(--msl-spacing-100);
}