/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 5543px;
  overflow: hidden;
  width: 1920px;
}

.index .overlap-group2 {
  height: 1398px;
  margin-left: -422px;
  margin-top: -9px;
  position: relative;
  width: 2655px;
}

.index .composant-1-1 {
  align-items: flex-start;
  background-image: url(../img/istock-1190772845-large@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1398px;
  justify-content: flex-end;
  left: 0;
  min-width: 2655px;
  padding: 33px 431px;
  position: absolute;
  top: 0;
}

.index .logoblancsimplifie {
  height: 65px;
  margin-top: 9px;
  object-fit: cover;
  width: 188px;
}

.index .flex-col-2 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 1291px;
  width: 1459px;
}

.index .groupe-5 {
  align-items: center;
  display: flex;
  height: 33px;
  margin-left: 6.0px;
  min-width: 1453px;
}

.index .ligne-1 {
  height: 0;
  margin-bottom: 3.0px;
  object-fit: cover;
  width: 26px;
}

.index .text-1-1 {
  color: var(--white);
  font-family: var(--font-family-soleil-semibold);
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 44px;
  margin-top: 2.0px;
  min-height: 27px;
  min-width: 269px;
  white-space: nowrap;
}

.index .trac-5 {
  height: 19px;
  margin-left: 120px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 0;
}

.index .produits-drivs {
  align-self: flex-end;
  cursor: pointer;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0.5px;
  margin-left: 13px;
  min-height: 25px;
  min-width: 165px;
  white-space: nowrap;
}

.index .trac-6 {
  height: 19px;
  margin-left: 18px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 0;
}

.index .mentions-lgales {
  align-self: flex-end;
  cursor: pointer;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0.5px;
  margin-left: 10px;
  min-height: 25px;
  min-width: 176px;
  white-space: nowrap;
}

.index .trac-3 {
  height: 19px;
  margin-left: 8px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 0;
}

.index .place {
  align-self: flex-end;
  cursor: pointer;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0.5px;
  margin-left: 20px;
  min-height: 25px;
  min-width: 82px;
  white-space: nowrap;
}

.index .trac-4 {
  height: 19px;
  margin-left: 28px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 0;
}

.index .overlap-group {
  align-self: flex-end;
  height: 34px;
  margin-bottom: -0.5px;
  margin-left: 34px;
  position: relative;
  width: 440px;
}

.index .rectangle-8 {
  background-color: #c32a16;
  height: 33px;
  left: 0;
  position: absolute;
  top: 0;
  width: 440px;
}

.index .text-2-2 {
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-family-soleil);
  font-size: var(--font-size-l);
  font-weight: 300;
  left: 20px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 8px;
  white-space: nowrap;
}

.index .span1-1 {
  font-family: var(--font-family-soleil-bold);
  font-weight: 700;
}

.index .logo-2020filetor {
  height: 373px;
  margin-right: 232.0px;
  margin-top: 135px;
  object-fit: cover;
  width: 967px;
}

.index .overlap-group1 {
  align-items: center;
  align-self: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  margin-top: 43px;
  min-height: 549px;
  padding: 52.5px 37px;
  width: 1226px;
}

.index .fichier-1 {
  height: 90px;
  margin-right: 16.0px;
  margin-top: 2px;
  object-fit: cover;
  width: 148px;
}

.index .surname {
  color: var(--black);
  font-family: var(--font-family-freightbig_pro);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  height: 210px;
  letter-spacing: 0;
  line-height: 50px;
  margin-left: 2.0px;
  margin-top: 35px;
  text-align: center;
  width: 996px;
}

.index .text-3 {
  align-self: flex-end;
  color: var(--black);
  font-family: var(--font-family-soleil-light);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: 8px;
  min-height: 99px;
  width: 1133px;
}

.index .scroll {
  cursor: pointer;
  height: 88px;
  margin-right: 232.0px;
  margin-top: 70px;
  object-fit: cover;
  transition: all 0.2s ease;
  width: 39px;
}

.index .scroll:hover {
  transform: translate(0, -5px);
}

.index .ligne-2 {
  height: 2px;
  left: 776px;
  object-fit: cover;
  position: absolute;
  top: 86px;
  width: 52px;
}

.index .ligne-3 {
  height: 22px;
  left: 1229px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 1px;
}

.index .ligne-4 {
  height: 22px;
  left: 1424px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 1px;
}

.index .ligne-5 {
  height: 22px;
  left: 1628px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 1px;
}

.index .ligne-6 {
  height: 22px;
  left: 1735px;
  object-fit: cover;
  position: absolute;
  top: 78px;
  width: 1px;
}

.index .flex-row {
  align-items: flex-start;
  align-self: center;
  display: flex;
  height: 198px;
  margin-left: 2.0px;
  margin-top: 131px;
  min-width: 1228px;
}

.index .flex-col-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 176px;
  width: 193px;
}

.index .great-brittan {
  height: 26px;
  margin-right: 3.0px;
  object-fit: cover;
  width: 42px;
}

.index .text {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 40px;
  min-height: 110px;
  width: 193px;
}

.index .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 14px;
  min-height: 198px;
  width: 193px;
}

.index .germany {
  height: 26px;
  margin-right: 5.0px;
  object-fit: cover;
  width: 42px;
}

.index .text-1 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 40px;
  min-height: 132px;
  width: 193px;
}

.index .netherlands {
  height: 26px;
  margin-right: 5.0px;
  object-fit: cover;
  width: 42px;
}

.index .flex-col-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 14px;
  min-height: 176px;
  width: 193px;
}

.index .spain {
  height: 26px;
  margin-right: 7.0px;
  object-fit: cover;
  width: 42px;
}

.index .italy {
  height: 26px;
  margin-right: 7.0px;
  object-fit: cover;
  width: 42px;
}

.index .flex-col-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 14px;
  min-height: 171px;
  width: 193px;
}

.index .portugal {
  height: 26px;
  margin-right: 9.0px;
  object-fit: cover;
  width: 42px;
}

.index .text-8 {
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 43px;
  min-height: 102px;
  width: 193px;
}

.index .flex-col-5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 33px;
  min-height: 3794px;
  width: 1920px;
}

.index .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 264px;
  margin-left: 2.0px;
  min-width: 1228px;
}

.index .text-20 {
  letter-spacing: 0;
  line-height: 22px;
  min-height: 220px;
  width: 193px;
}

.index .text-21 {
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 14px;
  min-height: 264px;
  width: 193px;
}

.index .overlap-group5 {
  height: 220px;
  margin-left: 14px;
  position: relative;
  width: 193px;
}

.index .text-2 {
  left: 0;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 0;
  width: 193px;
}

.index .text-2-1 {
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 14px;
  min-height: 242px;
  width: 193px;
}

.index .text-25 {
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 14px;
  min-height: 220px;
  width: 193px;
}

.index .overlap-group3 {
  height: 1895px;
  margin-top: 129px;
  position: relative;
  width: 1920px;
}

.index .rectangle-1 {
  height: 805px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .rectangle-5 {
  background-color: #f7efe0;
  height: 1106px;
  left: 0;
  position: absolute;
  top: 789px;
  width: 1920px;
}

.index .produits-drivs-1 {
  color: var(--black);
  font-family: var(--font-family-freightbig_pro);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  left: 352px;
  letter-spacing: 0;
  line-height: 48px;
  position: absolute;
  top: 884px;
  white-space: nowrap;
}

.index .span0 {
  color: #972516;
  font-family: var(--font-family-freightbigpro-bold);
}

.index .span1 {
  font-family: var(--font-family-freightbigpro-bold);
}

.index .enluminure {
  height: 72px;
  left: 897px;
  object-fit: cover;
  position: absolute;
  top: 443px;
  width: 144px;
}

.index .groupe-1 {
  align-items: flex-start;
  display: flex;
  height: 375px;
  left: 347px;
  min-width: 1226px;
  position: absolute;
  top: 1008px;
}

.index .mockuphoodie {
  height: 375px;
  object-fit: cover;
  width: 398px;
}

.index .x-mockup {
  height: 375px;
  margin-left: 16px;
  object-fit: cover;
  width: 398px;
}

.index .groupe-2 {
  align-items: flex-start;
  display: flex;
  height: 375px;
  left: 347px;
  min-width: 1226px;
  position: absolute;
  top: 1402px;
}

.index .text-12 {
  left: 458px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 1353px;
  white-space: nowrap;
  width: 195px;
}

.index .text-13 {
  left: 1278px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 1353px;
  white-space: nowrap;
  width: 195px;
}

.index .text-14 {
  color: var(--white);
  font-family: var(--font-family-soleil-light);
  font-size: var(--font-size-s);
  font-weight: 300;
  left: 873px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 1353px;
  white-space: nowrap;
  width: 195px;
}

.index .text-15 {
  left: 458px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 1750px;
  white-space: nowrap;
  width: 195px;
}

.index .text-16 {
  left: 873px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 1750px;
  white-space: nowrap;
  width: 195px;
}

.index .text-17 {
  left: 1278px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 1750px;
  white-space: nowrap;
  width: 195px;
}

.index .text-18 {
  color: var(--black);
  font-family: var(--font-family-soleil-light);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 40px;
  left: 759px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 900px;
  width: 790px;
}

.index .firmin-bouglione {
  height: 553px;
  left: 347px;
  object-fit: cover;
  position: absolute;
  top: 119px;
  width: 1226px;
}

.index .mentions-lgales-1 {
  align-self: flex-start;
  color: var(--black);
  font-family: var(--font-family-freightbig_pro);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 48px;
  margin-left: 347px;
  margin-top: 100px;
  min-height: 62px;
  white-space: nowrap;
}

.index .identification-de-l {
  color: var(--black);
  font-family: var(--font-family-soleil);
  font-size: var(--font-size-m);
  font-weight: 300;
  height: 964px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 14.0px;
  margin-top: 49px;
  width: 1240px;
}

.index .overlap-group4 {
  align-items: center;
  background-color: #272727;
  display: flex;
  height: 264px;
  justify-content: flex-end;
  margin-top: 67px;
  min-width: 1920px;
  padding: 3px 345px;
}

.index .flex-col-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 11.0px;
  min-height: 153px;
  width: 644px;
}

.index .text-9 {
  cursor: pointer;
  height: 106px;
  letter-spacing: 0;
  line-height: 24px;
  width: 644px;
}

.index .text-10 {
  cursor: pointer;
  height: 39px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 8px;
  width: 402px;
}

.index .text-11 {
  align-self: flex-end;
  color: var(--white);
  font-family: var(--font-family-soleil);
  font-size: var(--font-size-m);
  font-weight: 300;
  height: 210px;
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 18px;
  text-align: right;
  width: 566px;
}