@import url("https://use.typekit.net/qoy5okp.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* =========================
   BASE TYPO
========================= */

html, body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.2px;
  color: #494949;
}

/* =========================
   TITRES
========================= */

h1, h2, h3,
.Header__searchTitle,
.ErrorPage__errorTitle,
.NoContent__title,
.Footer__footerQus {
  font-family: "Montserrat", sans-serif;
  color: #000;
}

h1,
.Header__searchTitle {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.5px;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.8rem;
  font-weight: 600;
}

h3 {
  font-size: 1.4rem;
  font-weight: 600;
}

/* =========================
   PARAGRAPHES
========================= */

p,
.Comment__articleContent p,
.Footer__footerDescription,
.NoContent__contentDescription,
.ErrorPage__errorMessage {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #494949;
  line-height: 1.8;
}

/* =========================
   NAV / MENU
========================= */

.Header__tabsTab,
.LoginDetail__signup,
.LoginDetail__signin,
.LocalePopup__localeText {
    font-family: 'Inter', 'Helvetica', Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
    color: #4a4a4a;
  
}


/* =========================
   BOUTONS
========================= */

.Button__footerBtn,
.Button__buttonCommon,
.commonStyle__zt3buttonPrimaryBg {
  font-family: "neuzeit-grotesk", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  background: #103FD5;
  color: #FFF;
  border-radius: 30px;
  transition: all .2s ease;
}

.Button__footerBtn:hover {
  background: #0c33b5;
}

/* =========================
   COULEURS MARQUE
========================= */

.commonStyle__zt3Brand,
.Icon__brand,
.commonStyle__zt3Link,
.themeLink,
.Post__postSummary a,
.KbDetailLtContainer__articleContent a {
  color: #103fd5;
}

/* =========================
   BADGE
========================= */

.Badge__inprogress {
  background-color: #103FD5;
  border-color: #103fd5;
  border-radius: 30px;
  padding: 5px 10px;
}
.SearchContainer__searchIcon {
    padding: .8rem 1rem 0;
    border-radius: 0 .313rem .313rem 0;
    background-color: #103fd5;
}

/* =========================================
   SEARCH HOME – FONT INTER (DJITAL)
========================================= */

#headerContent.Header__searchSection,
#headerContent.Header__searchSection h2,
#headerContent.Header__searchSection p,
#headerContent.Header__searchSection input,
#headerContent.Header__searchSection button {
    font-family: 'Inter', 'Helvetica', Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ContentBox__headerMid {
    text-transform: none;
    font-weight: 550; /* texte en gras */
    font-size: var(--size-base19);
    margin: 1.250rem 0;
    letter-spacing: 0;
}