/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/parole-de-chargeur/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.parolesDeChargeurs {
  margin-bottom: 100px;
  padding: 0 5.55%;
}

@media screen and (min-width: 1024px) {
  .parolesDeChargeurs {
    margin-bottom: 200px;
    padding: 0 25px;
  }
}
@media screen and (min-width: 1024px) {
  .parolesDeChargeurs .containAll {
    max-width: 1640px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1468px) {
  .parolesDeChargeurs .containAll .containTop {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 76px;
  }
}
.parolesDeChargeurs .containAll .containTop .title {
  margin-bottom: 44px;
  font-size: 50px;
  line-height: 45px;
}

@media screen and (min-width: 640px) {
  .parolesDeChargeurs .containAll .containTop .title {
    text-align: center;
  }
}
@media screen and (min-width: 1468px) {
  .parolesDeChargeurs .containAll .containTop .title {
    width: calc((100% - 120px) / 4);
    margin-right: 40px;
    margin-bottom: 0;
  }
}
.parolesDeChargeurs .containAll .containTop .title .subTitleOne {
  color: #9EC5D2;
  font-style: italic;
}

.parolesDeChargeurs .containAll .containTop .title .subTitleTwo {
  color: #095561;
  font-weight: 700;
}

.parolesDeChargeurs .containAll .containTop .rightGroup {
  margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  .parolesDeChargeurs .containAll .containTop .rightGroup {
    display: flex;
  }
}
@media screen and (min-width: 1468px) {
  .parolesDeChargeurs .containAll .containTop .rightGroup {
    margin-bottom: 0;
    width: calc((100% - 120px) / 4 * 3 + 80px);
    margin-right: 0px;
  }
}
.parolesDeChargeurs .containAll .containTop .rightGroup .image {
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (min-width: 640px) {
  .parolesDeChargeurs .containAll .containTop .rightGroup .image {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  .parolesDeChargeurs .containAll .containTop .rightGroup .image {
    width: calc((100% - 80px) / 3);
    margin: 0;
    margin-right: 40px;
  }
}
.parolesDeChargeurs .containAll .containTop .rightGroup .image img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .parolesDeChargeurs .containAll .containTop .rightGroup .citationGroup {
    width: calc((100% - 80px) / 3 * 2 + 40px);
  }
}
.parolesDeChargeurs .containAll .containTop .rightGroup .citationGroup .citationBlock {
  color: #095561;
  font-size: 20px;
  line-height: 40px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 40px;
}

.parolesDeChargeurs .containAll .containTop .rightGroup .citationGroup .citationBlock:before {
  width: 29px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS42MzEiIGhlaWdodD0iMjMuODM5IiB2aWV3Qm94PSIwIDAgMjkuNjMxIDIzLjgzOSI+DQogIDxwYXRoIGlkPSJwcmVRdW90ZXMiIGQ9Ik04NDEuMzI4LDI2Ljc1YzIuNDM5LDAsNS42MDksMi44LDUuNjA5LDcuOTg3LDAsNC41NzMtNC4yMDcsNS45MTQtNC4yMDcsNy4yNTUsMCwxLjIxOSwzLjQ3NSw2Ljk1MSwzLjQ3NSw3LjYyMSwwLC41NDktLjM2Ni45NzYtMS4zNDEuOTc2YTguMSw4LjEsMCwwLDEtNS4zNjUtMi4wMTJjLTEuOTUxLTEuNzY4LTUuOTc1LTkuNzU1LTUuOTc1LTE0LjkzOCwwLTMuNDE0LDEuMjgtNS40MjYsMi4xMzQtNS43OTJhNC44ODksNC44ODksMCwwLDEsMi41NjEtLjE4M0E2LjM0NSw2LjM0NSwwLDAsMSw4NDEuMzI4LDI2Ljc1Wm0tMTYuMjE4LDBjMi40MzksMCw1LjYwOSwyLjgsNS42MDksNy45ODcsMCw0LjU3My00LjIwNyw1LjkxNC00LjIwNyw3LjI1NSwwLDEuMjE5LDMuNDc1LDYuOTUxLDMuNDc1LDcuNjIxLDAsLjU0OS0uMzY2Ljk3Ni0xLjM0MS45NzZhOC4xLDguMSwwLDAsMS01LjM2NS0yLjAxMmMtMS45NTEtMS43NjgtNS45NzUtOS43NTUtNS45NzUtMTQuOTM4LDAtMy40MTQsMS4yOC01LjQyNiwyLjEzNC01Ljc5MkE0Ljg4OSw0Ljg4OSwwLDAsMSw4MjIsMjcuNjY1LDYuMzQ1LDYuMzQ1LDAsMCwxLDgyNS4xMTEsMjYuNzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODE3LjMwNiAtMjYuNzUpIiBmaWxsPSIjMDk1NTYxIi8+DQo8L3N2Zz4NCg==);
  content: "";
  margin-right: 24px;
}

.parolesDeChargeurs .containAll .containTop .rightGroup .citationGroup .citationBlock:after {
  width: 29px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS42MzEiIGhlaWdodD0iMjMuODM5IiB2aWV3Qm94PSIwIDAgMjkuNjMxIDIzLjgzOSI+DQogIDxwYXRoIGlkPSJwb3N0UXVvdGVzIiBkPSJNMjQuMDIyLDBjMi40MzksMCw1LjYwOSwyLjgsNS42MDksNy45ODcsMCw0LjU3My00LjIwNyw1LjkxNC00LjIwNyw3LjI1NSwwLDEuMjE5LDMuNDc1LDYuOTUxLDMuNDc1LDcuNjIxLDAsLjU0OS0uMzY2Ljk3Ni0xLjM0MS45NzZhOC4xLDguMSwwLDAsMS01LjM2NS0yLjAxMmMtMS45NTEtMS43NjgtNS45NzUtOS43NTUtNS45NzUtMTQuOTM4LDAtMy40MTQsMS4yOC01LjQyNiwyLjEzNC01Ljc5MkE0Ljg4OSw0Ljg4OSwwLDAsMSwyMC45MTIuOTE1LDYuMzQ1LDYuMzQ1LDAsMCwxLDI0LjAyMiwwWk03LjgsMGMyLjQzOSwwLDUuNjA5LDIuOCw1LjYwOSw3Ljk4NywwLDQuNTczLTQuMjA3LDUuOTE0LTQuMjA3LDcuMjU1LDAsMS4yMTksMy40NzUsNi45NTEsMy40NzUsNy42MjEsMCwuNTQ5LS4zNjYuOTc2LTEuMzQxLjk3NmE4LjEsOC4xLDAsMCwxLTUuMzY1LTIuMDEyQzQuMDI0LDIwLjA1OSwwLDEyLjA3MiwwLDYuODksMCwzLjQ3NSwxLjI4LDEuNDYzLDIuMTM0LDEuMUE0Ljg4OSw0Ljg4OSwwLDAsMSw0LjY5NS45MTUsNi4zNDUsNi4zNDUsMCwwLDEsNy44LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOS42MzEgMjMuODM5KSByb3RhdGUoMTgwKSIgZmlsbD0iIzA5NTU2MSIvPg0KPC9zdmc+DQo=);
  content: "";
  margin-left: 24px;
}

.parolesDeChargeurs .containAll .containTop .rightGroup .citationGroup .signatureBlock {
  color: #095561;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.parolesDeChargeurs .containAll .groupCTA {
  text-align: center;
  margin-left: 5.55%;
  margin-right: 5.55%;
}

.parolesDeChargeurs .containAll .groupCTA .subCta {
  background-color: #F5F9FB;
  display: inline-block;
  padding: 10px;
}

.parolesDeChargeurs .containAll .groupCTA .subCta a {
  display: inline-block;
  color: #095561;
  background-color: #fff;
  padding: 24px 72px;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  transition: 0.25s background-color;
}

.parolesDeChargeurs .containAll .groupCTA .subCta a:hover {
  background-color: #F5F9FB;
}

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