:root {
  --color-1 : #00163a;
  --color-2 : #FFF;
  --color-3 : #33b4fb;

  --btn-primary-bg : #33b4fb;
  --btn-primary-text : #FFF;
  
  --h1-xs: 36px;
  --h1: 50px;
  --h2-xs: 28px;
  --h2: 40px;
  --h3-xs: 20px;
  --h3: 24px;
  --h4-xs: 16px;
  --h4: 16px;
}


@font-face {
	font-family: TypoMain;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(../fonts/main-font.woff2) format("woff2"), url(../fonts/main-font.woff) format("woff");
}

@font-face {
	font-family: TypoTitle;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(../fonts/title-font.woff2) format("woff2"), url(../fonts/title-font.woff) format("woff");
}

}
.texte-bleu {
  color: #33b4fb;
  transition: color 0.3s ease;
}
.texte-bleu-lien:hover .texte-bleu {
  color: #33b4fb;
}