
    @import url(/dam/jcr:3d0583fc-ee2f-482f-b2c9-a7ab6527bf67/SanofiSans-Light.woff2);

    @font-face {
      font-family: 'SanofiSans-Light';
      font-display: swap;
      src: url(/dam/jcr:3d0583fc-ee2f-482f-b2c9-a7ab6527bf67/SanofiSans-Light.woff2) format('woff2');
    }

:root {
  --theme-color-white: #fff;
  --theme-color-black: #000;
}


























    .font-title {
      font-family: 'SanofiSans-Light', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




    .font-body {
      font-family: 'SanofiSans-Light', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }


































:root {
  --theme-color-primary1: #BCBC1C;
  --theme-color-primary2: #525CA3;
  --theme-color-primary3: #7A00E6;
  --theme-color-secondary1: #F4F2F6;
  --theme-color-secondary2: #007CB1;
  --theme-color-secondary3: #23004C;
  --theme-color-secondary4: #FFFFFF;
  --theme-color-secondary5: #781DC9;
  --theme-color-secondary6: #F4F2F6;
  --theme-color-secondary7: #735A8F;
  --theme-color-secondary8: #886AA3;
  --theme-color-tertiary1: #7079BD;
  --theme-color-tertiary2: #2B2B38;
  --theme-color-tertiary3: #575771;
  --theme-color-tertiary4: #6E6E91;
  --theme-color-tertiary5: #BBBAC6;
  --theme-color-tertiary6: #D6D5DD;
  --theme-color-tertiary7: #E6EDF9;
  --theme-color-tertiary8: #F4F7FC;
  --theme-color-transparent: transparent;



  /*
    page
  */
  --theme-body-background-color: transparent;

  /*
    Typography
  */
  --theme-font-title: SanofiSans-Light;
  --theme-title-text-color: #525CA3;
  --theme-font-body: SanofiSans-Light;
  --theme-body-text-color: #000;
  /*
    Title
  */
  --theme-title-font-weight: inherit;
  /*
    Rich text
  */
  --theme-rich-text-line-height: 24px;
  --theme-rich-text-p-vertical-spacing: 1.5rem;
  --theme-rich-text-heading-weight: inherit;
  --theme-rich-text-heading-font-color: inherit;
  --theme-rich-text-heading-font-family: inherit;
  /*
    Navigation
  */
  --theme-navigation-font-family: ;
  /*
    Page Menu
  */
  --theme-pageMenu-active-anchor-link: black;
  /*
    Footer Links
  */
  --theme-footerLinks-font-family: ;
  /*
    Link (Button links and Akamai form links)
  */
  --theme-link-text-color: #525CA3;
  --theme-link-text-color-hover: #735A8F;
  /*
    List
  */
  --theme-bullet-color: inherit;
  /*
    Button default
  */
  --theme-button-font-family: ;
  --theme-button-text-color: white;
  --theme-button-text-color-hover: #FFFFFF;
  --theme-button-bg-color: #7A00E6;
  --theme-button-bg-color-hover: #781DC9;
  --theme-button-border-radius: 999rem;
  --theme-button-padding: 0.5rem 1.25rem;
  /*
    Button secondary
  */
  --theme-button-secondary-font-family: ;
  --theme-button-secondary-text-color: #7A00E6;
  --theme-button-secondary-text-color-hover: white;
  --theme-button-secondary-bg-color: white;
  --theme-button-secondary-bg-color-hover: primary1;
  --theme-button-secondary-border-radius: 999rem;
  --theme-button-secondary-padding: 0.5rem 1.25rem;
  /*
    Button tertiary
  */
  --theme-button-tertiary-font-family: ;
  --theme-button-tertiary-text-color: white;
  --theme-button-tertiary-text-color-hover: #FFFFFF;
  --theme-button-tertiary-bg-color: #7A00E6;
  --theme-button-tertiary-bg-color-hover: #781DC9;
  --theme-button-tertiary-border-radius: 999rem;
  --theme-button-tertiary-padding: 0.5rem 1.25rem;
  /*
    Button quaternary
  */
  --theme-button-quaternary-font-family: ;
  --theme-button-quaternary-text-color: #7A00E6;
  --theme-button-quaternary-text-color-hover: white;
  --theme-button-quaternary-bg-color: white;
  --theme-button-quaternary-bg-color-hover: primary1;
  --theme-button-quaternary-border-radius: 999rem;
  --theme-button-quaternary-padding: 0.5rem 1.25rem;
  /*
    Category Tags
  */
  --theme-category-tags-font-family: ;
  --theme-category-tags-border-radius: 0px;
  --theme-category-tags-text-color: #000;
  --theme-category-tags-bg-color: transparent;
  /*
    Content Block
  */
  --theme-content-block-bullet-color:  #000;
  --theme-content-block-table-width: auto;
  --theme-content-block-table-border-width: 1px;
  --theme-content-block-table-border-color:  #000;
  --theme-content-block-thead-bg-color:  #fff;
  --theme-content-block-thead-txt-color:  #000;
  --theme-content-block-cell-bg-color:  #fff;
  --theme-content-block-cell-txt-color:  #000;
  --theme-content-block-cell-horizontal-padding: 1rem;
  --theme-content-block-cell-vertical-padding: 1rem;
  /*
    Cards
  */
  --theme-cards-border-radius: 4px;
  /*
    Accordion
  */
  --theme-accordion-font-family: ;
  /*
    FAQs
  */
  --theme-faqs-font-family: ;
  /*
    Tabs
  */
  --theme-tabs-font-family: ;
  /*
    Carousel
  */
  --theme-carousel-nav-color: #525CA3;
  --theme-carousel-playpause-btn-icon-color: #525CA3;
  --theme-carousel-playpause-btn-icon-hover-color: #FFFFFF;
  --theme-carousel-playpause-btn-bg-hover-color: #525CA3;
  /*
    Forms
  */
  --theme-forms-header-color: transparent;
  --theme-forms-bg-color: #FFFFFF;
  --theme-forms-text-color: #7A00E6;
  --theme-forms-title-color: black;
  --theme-forms-subtitle-color: #7A00E6;
  --theme-forms-label-color: #7A00E6;
  /*
    Image Caption
  */
  --theme-image-caption-font-size: 1rem;
  --theme-image-caption-font-family: ;

  /*
    Share Page
  */
  --theme-share-page-border-radius: 999rem;
  --theme-share-page-fill: var(--theme-color-white);

/*
  Title size varibles for mobile
*/
  --title-1-font-size: 35px;
  --title-2-font-size: 30px;
  --title-3-font-size: 22px;
  --title-4-font-size: 22px;
  --title-5-font-size: 20px;
  --title-6-font-size: 1.6rem;
  /*
    Text size varibles for mobile
  */
  --text-1-font-size: 1.75rem;
  --text-2-font-size: 1.5rem;
  --text-3-font-size: 16px;
  --text-4-font-size: 1rem;
  --text-5-font-size: .75rem;
  --text-6-font-size: 14px;
}


/*
  Title size varibles for tablet & desktop
*/
@media screen and (min-width: 768px) {
  :root {
    /*
      Title size varibles for tablet
    */
    --title-1-font-size: 40px;
    --title-2-font-size: 36px;
    --title-3-font-size: 25px;
    --title-4-font-size: 22px;
    --title-5-font-size: 20px;
    --title-6-font-size: 1.6rem;
    /*
      Text size varibles for tablet
    */
    --text-1-font-size: 1.75rem;
    --text-2-font-size: 1.5rem;
    --text-3-font-size: 16px;
    --text-4-font-size: 1rem;
    --text-5-font-size: .75rem;
    --text-6-font-size: .5rem;
  }
}


@media screen and (min-width: 1024px) {
  :root {
    /*
      Title size varibles for deskop
    */
      --title-1-font-size: 45px;
      --title-2-font-size: 36px;
      --title-3-font-size: 25px;
      --title-4-font-size: 22px;
      --title-5-font-size: 20px;
      --title-6-font-size: 1.6rem;
    /*
      Text size varibles for desktop
    */
      --text-1-font-size: 1.75rem;
      --text-2-font-size: 1.5rem;
      --text-3-font-size: 16px;
      --text-4-font-size: 20px;
      --text-5-font-size: .75rem;
      --text-6-font-size: 14px;
    }
}

  :root {
    /* #region HEADER */
  --msw-header-com-mobile-height: 45;
  --msw-header-com-desktop-height: var(--msw-header-com-mobile-height);
  --msw-header-com-mobile-padding: 0 calc((14 / 16) * 1rem);
  --msw-header-com-desktop-padding: 0 calc((30 / 16) * 1rem);
  --msw-header-com-border-bottom: solid 1px rgba(244, 244, 244, 1);
  --msw-header-com-mobile-backgroundcolor: rgba(255, 255, 255, 1);
  --msw-header-com-desktop-backgroundcolor: var(--msw-header-com-mobile-backgroundcolor);
  --msw-header-com-color--headerdark: rgba(255, 255, 255, 1);
  --msw-header-com-color--headerlight: rgba(0, 0, 0, 1);
  --msw-header-com-icon-width: 24;
  --msw-header-com-icon-height: var(--msw-header-com-icon-width);
  /* #endregion HEADER */
  /* #region LOGO */
  --msw-header-com-sitelogo-mobile-height: 20;
  --msw-header-com-sitelogo-desktop-height: 45px;
  --msw-header-com-sitelogo-desktop-width: 260px
  --msw-header-com-sitelogo-area-transform-scale: 1;
  /* #endregion */
  /* #region WELCOME MESSAGE */
  --msw-header-com-welcome-top-desktop-fontsize: 13;
  --msw-header-com-welcome-bottom-desktop-fontsize: 15;
  --msw-header-com-welcome-bottom-desktop-lineheight: calc((var(--msw-header-com-welcome-bottom-desktop-fontsize) / 16) * 1rem);
  --msw-header-com-welcome-bottom-mobile-fontsize: 12;
  --msw-header-com-welcome-bottom-mobile-lineheight: calc((var(--msw-header-com-welcome-bottom-mobile-fontsize) / 16) * 1rem);
  --msw-header-com-welcome-mobile-borderleft-color--headerlight: rgba(0, 0, 0, 0.2);
  --msw-header-com-welcome-desktop-borderleft-color--headerlight: var(--msw-header-com-welcome-mobile-borderleft-color--headerlight);
  /* #endregion WELCOME MESSAGE */
  /* #region NAVIGATION CONTAINER / PANEL */
  --msw-header-com-navcontainer-header-mobile-color: var(--msw-header-com-color--headerlight);
  --msw-header-com-navcontainer-header-mobile-borderbottom-color: rgba(234, 234, 234, 1);
  --msw-header-com-navcontainer-footer-mobile-bordertop-color: var(--msw-header-com-navcontainer-header-mobile-borderbottom-color);
  /* #endregion NAVIGATION CONTAINER / PANEL */
  /* #region LANGUAGE SWITCH */
  --msw-header-com-languageswitch-fontsize: 15;
  --msw-header-com-languageswitch-mobile-language-height: calc((30 / 16) * 1rem);
  --msw-header-com-languageswitch-mobile-language-padding: 0 calc((5 / 16) * 1rem);
  --msw-header-com-languageswitch-mobile-language-focus-backgroundcolor: rgba(246, 246, 246, 1);
  --msw-header-com-languageswitch-desktop-language-color: var(--msw-header-com-color--headerlight);
  --msw-header-com-languageswitch-desktop-language-focus-backgroundcolor: rgba(0, 0, 0, 0.1);
  --msw-header-com-languageswitch-desktop-language-focus-color: var(--msw-header-com-languageswitch-desktop-language-color);
  /* #endregion LANGUAGE SWITCH */
  /* #region CSS Custom Properties - NAVIGATION - KEYBOARD & ACCESSIBILITY HELPERS & ARROW */
  --msw-navigation-arrow-color: var(--msw-header-com-color--headerlight);
  --msw-navigation-skipbutton-color: var(--msw-header-com-color--headerlight);
  --msw-navigation-skipbutton-border: 1px dotted var(--msw-header-com-color--headerlight);
  /* #endregion */
  /* #region CSS Custom Properties - DESKTOP - LEVEL 1 */
  --msw-navigation-desktop-level1-list-height: var(--msw-header-com-mobile-height);
  --msw-navigation-desktop-level1-item-texttransform: none;
  --msw-navigation-desktop-level1-item-color--headerlight: var(--msw-header-com-color--headerlight);
  --msw-navigation-desktop-level1-item-selectedcurrent-color--headerlight: var(--msw-navigation-desktop-level1-item-color--headerlight);
  --msw-navigation-desktop-level1-itemlink-selectedcurrent-borderbottom--headerlight: solid 2px rgba(122, 0, 230, 1);
  --msw-navigation-desktop-level1-divider-color--headerlight: rgba(187, 187, 187, 1);
  /* #endregion */
  /* #region CSS Custom Properties - DESKTOP - LEVEL 2+ */
  --msw-navigation-desktop-levels-list-backgroundcolor: rgba(255, 255, 255, 1);
  --msw-navigation-desktop-levels-listtitle-color: var(--msw-navigation-desktop-level1-item-color--headerlight);
  --msw-navigation-desktop-levels-item-texttransform: none;
  --msw-navigation-desktop-levels-item-color: var(--msw-navigation-desktop-level1-item-color--headerlight);
  --msw-navigation-desktop-levels-itemlink-selected-textdecoration: underline solid rgba(122, 0, 230, 1) 2px;
  --msw-navigation-desktop-levels-itemlink-selected-underline-offset: 1px;
  /* #endregion */
  /* #region CSS Custom Properties - DESKTOP - LEVEL 2 */
  --msw-navigation-desktop-level2-list-backgroundcolor: rgba(255, 255, 255, 1);
  --msw-navigation-desktop-level2-item-selected-backgroundcolor: rgba(246, 246, 246, 1);
  /* #endregion */
  /* #region CSS Custom Properties - DESKTOP - LEVEL 3 */
  --msw-navigation-desktop-level3-list-backgroundcolor: var(--msw-navigation-desktop-level2-item-selected-backgroundcolor);
  --msw-navigation-desktop-level3-item-selected-backgroundcolor: rgba(237, 237, 237, 1);
  /* #endregion */
  /* #region CSS Custom Properties - DESKTOP - LEVEL 4 */
  --msw-navigation-desktop-level4-list-backgroundcolor: var(--msw-navigation-desktop-level3-item-selected-backgroundcolor);
  --msw-navigation-desktop-level4-item-selected-backgroundcolor: rgba(228, 228, 228, 1);
  /* #endregion */
  /* #region CSS Custom Properties - DESKTOP - LEVEL 5 */
  --msw-navigation-desktop-level5-list-backgroundcolor: var(--msw-navigation-desktop-level4-item-selected-backgroundcolor);
  --msw-navigation-desktop-level5-item-selected-backgroundcolor: rgba(219, 219, 219, 1);
  /* #endregion */
  /* #region CSS Custom Properties - DESKTOP - LEVEL 6 */
  --msw-navigation-desktop-level6-list-backgroundcolor: var(--msw-navigation-desktop-level5-item-selected-backgroundcolor);
  --msw-navigation-desktop-level6-item-selected-backgroundcolor: rgba(210, 210, 210, 1);
  /* #endregion */
  /* #region CSS Custom Properties - MOBILE - LEVEL 1 */
  --msw-navigation-mobile-level1-list-backgroundcolor: rgba(255, 255, 255, 1);
  --msw-navigation-mobile-level1-item-color: var(--msw-header-com-color--headerlight);
  --msw-navigation-mobile-level1-item-borderbottom: solid 1px rgba(234, 234, 234, 1);
  --msw-navigation-mobile-level1-itemlink-height: var(--msw-header-com-mobile-height);
  --msw-navigation-mobile-level1-divider-backgroundcolor: rgba(246, 246, 246, 1);
  --msw-navigation-mobile-level1-divider-borderbottom-color: rgba(234, 234, 234, 1);
  /* #endregion */
  /* #region CSS Custom Properties - MOBILE - LEVEL 2 */
  --msw-navigation-mobile-level2-list-backgroundcolor: rgba(246, 246, 246, 1);
  --msw-navigation-mobile-level2-listtitle-borderbottom-color: rgba(234, 234, 234, 1);
  --msw-navigation-mobile-level2-item-borderbottom-color: var(--msw-navigation-mobile-level2-listtitle-borderbottom-color);
  /* #endregion */
  /* #region CSS Custom Properties - MOBILE - LEVEL 3 */
  --msw-navigation-mobile-level3-list-backgroundcolor: rgba(237, 237, 237, 1);
  --msw-navigation-mobile-level3-listtitle-borderbottom-color: rgba(216, 216, 216, 1);
  --msw-navigation-mobile-level3-item-borderbottom-color: var(--msw-navigation-mobile-level3-listtitle-borderbottom-color);
  /* #endregion */
  /* #region CSS Custom Properties - MOBILE - LEVEL 4 */
  --msw-navigation-mobile-level4-list-backgroundcolor: rgba(228, 228, 228, 1);
  --msw-navigation-mobile-level4-listtitle-borderbottom-color: rgba(207, 207, 207, 1);
  --msw-navigation-mobile-level4-item-borderbottom-color: var(--msw-navigation-mobile-level4-listtitle-borderbottom-color);
  /* #endregion */
  /* #region CSS Custom Properties - MOBILE - LEVEL 5 */
  --msw-navigation-mobile-level5-list-backgroundcolor: rgba(219, 219, 219, 1);
  --msw-navigation-mobile-level5-listtitle-borderbottom-color: rgba(198, 198, 198, 1);
  --msw-navigation-mobile-level5-item-borderbottom-color: var(--msw-navigation-mobile-level5-listtitle-borderbottom-color);
  /* #endregion */
  /* #region CSS Custom Properties - MOBILE - LEVEL 6 */
  --msw-navigation-mobile-level6-list-backgroundcolor: rgba(210, 210, 210, 1);
  --msw-navigation-mobile-level6-listtitle-borderbottom-color: rgba(189, 189, 189, 1);
  --msw-navigation-mobile-level6-item-borderbottom-color: var(--msw-navigation-mobile-level6-listtitle-borderbottom-color);
  /* #endregion */
  }
