
    @import url(/dam/jcr:b7d7d29b-a399-4bd2-b9af-a9c80ec67db5/SanofiSans-Regular.woff2);
    @import url(/dam/jcr:a43bb9a8-99a4-4c6f-837c-23f216e5a363/SanofiSans-Bold.woff2);
    @import url(/dam/jcr:d257c371-60c6-4017-8f66-3325cea04e44/ArialMT.woff2);

    @font-face {
      font-family: 'Sanofi Sans';
      font-display: swap;
      src: url(/dam/jcr:b7d7d29b-a399-4bd2-b9af-a9c80ec67db5/SanofiSans-Regular.woff2) format('woff2');
    }
    @font-face {
      font-family: 'Sanofi Sans Bold';
      font-display: swap;
      src: url(/dam/jcr:a43bb9a8-99a4-4c6f-837c-23f216e5a363/SanofiSans-Bold.woff2) format('woff2');
    }
    @font-face {
      font-family: 'Arial';
      font-display: swap;
      src: url(/dam/jcr:d257c371-60c6-4017-8f66-3325cea04e44/ArialMT.woff2) format('woff2');
    }

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


























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




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






    .font-footer-links {
      font-family: 'Sanofi Sans', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }








    .button--default, .button--outline {
      font-family: 'Sanofi Sans', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }






    .button--tertiary, .button--tertiary--outline {
      font-family: 'Arial', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0px;
    }




















:root {
  --theme-color-primary1: #004350;
  --theme-color-primary2: #009fc2;
  --theme-color-primary3: #535453;
  --theme-color-secondary1: #ebf3f5;
  --theme-color-secondary2: #E5F5F9;
  --theme-color-secondary3: #bfce18;
  --theme-color-secondary4: #478040;
  --theme-color-secondary5: #00A2C6;
  --theme-color-secondary6: #BE006B;
  --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: Sanofi Sans Bold;
  --theme-title-text-color: #525CA3;
  --theme-font-body: Sanofi Sans;
  --theme-body-text-color: #000;
  /*
    Title
  */
  --theme-title-font-weight: inherit;
  /*
    Rich text
  */
  --theme-rich-text-line-height: inherit;
  --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: Sanofi Sans;
  /*
    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: Sanofi Sans;
  --theme-button-text-color: white;
  --theme-button-text-color-hover: white;
  --theme-button-bg-color: #bfce18;
  --theme-button-bg-color-hover: #bfce18;
  --theme-button-border-radius: 999rem;
  --theme-button-padding: 0.5rem 1.25rem;
  /*
    Button secondary
  */
  --theme-button-secondary-font-family: ;
  --theme-button-secondary-text-color: #fff;
  --theme-button-secondary-text-color-hover: #fff;
  --theme-button-secondary-bg-color: #2157A1;
  --theme-button-secondary-bg-color-hover: #007CB1;
  --theme-button-secondary-border-radius: 999rem;
  --theme-button-secondary-padding: 0.5rem 1.25rem;
  /*
    Button tertiary
  */
  --theme-button-tertiary-font-family: Arial;
  --theme-button-tertiary-text-color: white;
  --theme-button-tertiary-text-color-hover: white;
  --theme-button-tertiary-bg-color: #00A2C6;
  --theme-button-tertiary-bg-color-hover: #00A2C6;
  --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: #fff;
  --theme-button-quaternary-text-color-hover: #fff;
  --theme-button-quaternary-bg-color: #2157A1;
  --theme-button-quaternary-bg-color-hover: #007CB1;
  --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: #525CA3;
  --theme-forms-bg-color: #FFFFFF;
  --theme-forms-text-color: #525CA3;
  --theme-forms-title-color: #FFFFFF;
  --theme-forms-subtitle-color: #525CA3;
  --theme-forms-label-color: #525CA3;
  /*
    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: 48px;
  --title-2-font-size: 38px;
  --title-3-font-size: 2.6rem;
  --title-4-font-size: 2.2rem;
  --title-5-font-size: 1.8rem;
  --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: 20px;
  --text-4-font-size: 1rem;
  --text-5-font-size: .75rem;
  --text-6-font-size: 13px;
}


/*
  Title size varibles for tablet & desktop
*/
@media screen and (min-width: 768px) {
  :root {
    /*
      Title size varibles for tablet
    */
    --title-1-font-size: 68px;
    --title-2-font-size: 38px;
    --title-3-font-size: 3.4rem;
    --title-4-font-size: 2.8rem;
    --title-5-font-size: 2.2rem;
    --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: 20px;
    --text-4-font-size: 1rem;
    --text-5-font-size: .75rem;
    --text-6-font-size: 13px;
  }
}


@media screen and (min-width: 1024px) {
  :root {
    /*
      Title size varibles for deskop
    */
      --title-1-font-size: 68px;
      --title-2-font-size: 38px;
      --title-3-font-size: 3.8rem;
      --title-4-font-size: 2.8rem;
      --title-5-font-size: 2.2rem;
      --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: 20px;
      --text-4-font-size: 1rem;
      --text-5-font-size: .75rem;
      --text-6-font-size: 13px;
    }
}

