@font-face {
  font-family: "Graphik-Regular-Web";
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url("../../fonts/Graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Graphik/Graphik-Regular-Web.woff") format("woff"), url("../../fonts/Graphik/Graphik-Regular-Web.ttf") format("truetype"), url("../../fonts/Graphik/Graphik-Regular-Web.svg") format("svg");
}
/* TRANSITION */
/* COLORS */
/* SOCIAL */
/* MIXINS */
/*
 grayscale      ex: filter: grayscale(100%);
 sepia          ex: filter: sepia(100%);
 saturate       ex: filter: saturate(0%);
 hue-rotate     ex: filter: hue-rotate(45deg);
 invert         ex: filter: invert(100%);
 brightness     ex: filter: brightness(15%);
 contrast       ex: filter: contrast(200%);
 blur           ex: filter: blur(2px);
 */
/* SVGs */
.svg-avantages .s1 {
  fill: #6ba5b4;
}
.svg-avantages .s2 {
  fill: #2175d9;
}
.bgc3 .svg-avantages .s1 {
  fill: #f7f5f0;
}
.bgc3 .svg-avantages .s2 {
  fill: #ffb511;
}
.svg-agences .st1 {
  fill: #f7f5f0;
}
.bgc4 .svg-agences .st1 {
  fill: #0f1941;
}
.svg-valeurs .st1 {
  fill: #6ba5b4;
}
.svg-valeurs .st2 {
  fill: #ffb511;
}
.bgc3 .svg-valeurs .st1 {
  fill: #ffb511;
}
.bgc3 .svg-valeurs .st2 {
  fill: #0f1941;
}
.svg-outils-digitaux .st1 {
  fill: #6ba5b4;
}
.bgc3 .svg-outils-digitaux .st1 {
  fill: #0f1941;
}
.svg-accompagnement .st1 {
  fill: #f7f5f0;
}
.svg-accompagnement .st2 {
  fill: #0f1941;
}
.bgc4 .svg-accompagnement .st1 {
  fill: #0f1941;
}
.bgc4 .svg-accompagnement .st2 {
  fill: #6ba5b4;
}
.svg-besoin .st1 {
  fill: #0f1941;
}
.svg-besoin .st2 {
  fill: #6ba5b4;
}
.bgc3 .svg-besoin .st1 {
  fill: #f7f5f0;
}
.bgc3 .svg-besoin .st2 {
  fill: #0f1941;
}
.svg-agences2 .st1 {
  fill: #f7f5f0;
}
.svg-agences2 .st2 {
  fill: #6ba5b4;
}
.bgc4 .svg-agences2 .st1 {
  fill: #0f1941;
}
.svg-send .s0 {
  fill: #6ba5b4;
}
.svg-send .s1 {
  fill: #f7f5f0;
}
.svg-send .s2 {
  fill: #ffb511;
}
.svg-alert .s1 {
  fill: #ffb511;
}
.bgc6 .svg-alert .s1 {
  fill: #0f1941;
}
.svg-nos-engagements .s1 {
  fill: #0f1941;
}
.svg-nos-engagements .s2 {
  fill: #2175d9;
}
.v2 .svg-nos-engagements .s2 {
  fill: #e74536;
}
.bgc3 .svg-nos-engagements .s2 {
  fill: #acacac;
}
.svg-consultant .s1 {
  fill: #6ba5b4;
}
.svg-consultant .s2 {
  fill: #ffb511;
}
.v2 .svg-consultant .s1 {
  fill: #2175d9;
}
.v2 .svg-consultant .s2 {
  fill: #acacac;
}
.svg-analyse .s1 {
  fill: #6ba5b4;
}
.bgc3 .svg-analyse .s1 {
  fill: #f7f5f0;
}
.svg-candidat-sans-cv .s1 {
  fill: #f7f5f0;
}
.svg-candidat-sans-cv .s2 {
  fill: #ffb511;
}
.v2 .svg-candidat-sans-cv .s1 {
  fill: #6ba5b4;
}
.v3 .svg-candidat-sans-cv .s1 {
  fill: #acacac;
}
.v3 .svg-candidat-sans-cv .s2 {
  fill: #2175d9;
}
.svg-mouse2 .s1 {
  fill: #f7f5f0;
}
.v2 .svg-mouse2 .s1 {
  fill: #0f1941;
}
.svg-recrutement .s1 {
  fill: #6ba5b4;
}
.svg-recrutement .s2 {
  fill: #ffb511;
}
.v2 .svg-recrutement .s1 {
  fill: #2175d9;
}
.v2 .svg-recrutement .s2 {
  fill: #acacac;
}
.bgc3 .svg-recrutement .s1 {
  fill: #f7f5f0;
}
.svg-hours .s1 {
  fill: #0f1941;
}
.svg-hours .s2 {
  fill: #6ba5b4;
}
.svg-hours .s3 {
  fill: #ffb511;
}
.svg-missions .s1 {
  fill: #ffb511;
}
.svg-missions .s2 {
  fill: #6ba5b4;
}
.svg-interimaires2 .s1 {
  fill: #ffb511;
}
.svg-interimaires2 .s2 {
  fill: #6ba5b4;
}
.svg-interimaires2 .s3 {
  fill: #f7f5f0;
}
.v2 .svg-interimaires2 .s2 {
  fill: #0f1941;
}
.v2 .svg-interimaires2 .s3 {
  fill: #6ba5b4;
}
.svg-recherche-cvtheque .s1 {
  fill: #0f1941;
}
.v2 .svg-recherche-cvtheque .s1 {
  fill: #6ba5b4;
}
.svg-benefices .s1 {
  fill: #0f1941;
}
.svg-benefices .s2 {
  fill: #ffb511;
}
.svg-benefices .s3 {
  fill: #6ba5b4;
}
.bgc2 .svg-benefices .s1 {
  fill: #acacac;
}
.bgc2 .svg-benefices .s2 {
  fill: #2175d9;
}
.bgc2 .svg-benefices .s3 {
  fill: #0f1941;
}
.svg-filleul .s1 {
  fill: #6ba5b4;
}
.svg-epargne .s1 {
  fill: #ffb511;
}
.svg-identification .s1 {
  fill: #ffb511;
}
.svg-identification .s2 {
  fill: #6ba5b4;
}
.svg-identification .s3 {
  fill: #f7f5f0;
}