@font-face {
  font-family: "Sanofi";
  font-weight: 400;
  font-style: normal;
  src: url("../_fonts/sans/SanofiSans-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Sanofi";
  font-weight: 400;
  font-style: italic;
  src: url("../_fonts/sans/SanofiSans-Italic.otf") format("opentype");
}
@font-face {
  font-family: "Sanofi";
  font-weight: 300;
  font-style: normal;
  src: url("../_fonts/sans/SanofiSans-Light.otf") format("opentype");
}
@font-face {
  font-family: "Sanofi";
  font-weight: 300;
  font-style: italic;
  src: url("../_fonts/sans/SanofiSans-LightItalic.otf") format("opentype");
}
@font-face {
  font-family: "Sanofi";
  font-weight: 700;
  font-style: normal;
  src: url("../_fonts/sans/SanofiSans-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Sanofi";
  font-weight: 700;
  font-style: italic;
  src: url("../_fonts/sans/SanofiSans-BoldItalic.otf") format("opentype");
}
@font-face {
  font-family: "SanofiSerif";
  font-weight: 400;
  font-style: normal;
  src: url("../_fonts/serif/SanofiSerif-Regular.otf") format("opentype");
}
@font-face {
  font-family: "SanofiSerif";
  font-weight: 400;
  font-style: italic;
  src: url("../_fonts/serif/SanofiSerif-Italic.otf") format("opentype");
}
@font-face {
  font-family: "SanofiSerif";
  font-weight: 300;
  font-style: normal;
  src: url("../_fonts/serif/SanofiSerif-Light.otf") format("opentype");
}
@font-face {
  font-family: "SanofiSerif";
  font-weight: 300;
  font-style: italic;
  src: url("../_fonts/serif/SanofiSerif-LightItalic.otf") format("opentype");
}
@font-face {
  font-family: "SanofiSerif";
  font-weight: 700;
  font-style: normal;
  src: url("../_fonts/serif/SanofiSerif-Bold.otf") format("opentype");
}
@font-face {
  font-family: "SanofiSerif";
  font-weight: 700;
  font-style: italic;
  src: url("../_fonts/serif/SanofiSerif-BoldItalic.otf") format("opentype");
}
body {
  margin: 0;
  padding: 0;
  font-family: Sanofi;
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 1.33;
  color: #707070;
}

.abs {
  position: absolute;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  color: #23004C;
  font-family: SanofiSerif;
  font-weight: 700;
  font-style: italic;
  line-height: 1.2;
  margin: 0;
}

h1, .h1 {
  font-size: 114px;
}

h2, .h2 {
  font-size: 100px;
}

p {
  margin: 0;
}

.bold, b, strong {
  font-weight: 700;
  font-style: normal;
}

.italic, i {
  font-style: italic;
}

.serif-bold {
  font-family: SanofiSerif;
  font-weight: 700;
}

.serif-bold-it {
  font-family: SanofiSerif;
  font-style: italic;
}

.pink {
  color: #7A00E6;
}

.dark-purple {
  color: #23004C;
}

.gray {
  color: #707070;
}

sup {
  font-size: 0.55em;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: right;
}

.mat-nr {
  top: 2114px;
  left: 116px;
  font-size: 20px;
  color: #707070;
}
.mat-nr span {
  width: 360px;
  position: absolute;
  top: 0;
  left: 0;
}
.mat-nr span:first-child {
  opacity: 1;
}
.mat-nr span:last-child {
  opacity: 0;
}
.mat-nr[data-is-mat="6"] span:first-child {
  opacity: 0;
}
.mat-nr[data-is-mat="6"] span:last-child {
  opacity: 1;
}

.allin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vd-bg {
  position: relative;
  width: 100%;
  height: 100%;
}

.sanofi-logo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 563px;
}

section {
  position: relative;
  width: 3840px;
  height: 2160px;
  zoom: 36%;
  overflow: hidden;
}

/*# sourceMappingURL=style.css.map */