@charset "UTF-8";
/* ==========================================================================
   Components / MIXINS
   ========================================================================== */
/*********************
  BREAKPOINTS RESPONSIVE LAYOUT
  *********************/
/* ==========================================================================
   Layout / Block Entités
   ========================================================================== */
.blockentity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #20384B;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media (min-width: 760px) {
  .blockentity {
    align-items: flex-end;
  }
}
.blockentity > .btn {
  margin-top: -35px;
  margin-left: 75px;
  margin-bottom: 45px;
  position: relative;
}
@media (min-width: 576px) {
  .blockentity > .btn {
    margin-top: -45px;
    margin-left: 115px;
    margin-bottom: 65px;
  }
}
@media (min-width: 760px) {
  .blockentity > .btn {
    margin-top: -15px;
    margin-right: 115px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1000px) {
  .blockentity > .btn {
    margin-right: 185px;
  }
}
@media (min-width: 1200px) {
  .blockentity > .btn {
    margin-top: -55px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1360px) {
  .blockentity > .btn {
    margin-right: 190px;
    transform: translateX(-50%);
    right: calc(50% - 820px);
  }
}
@media (min-width: 1800px) {
  .blockentity > .btn {
    right: calc(50% - 860px);
  }
}
.blockentity .h2-title, .blockentity .h3-title, .blockentity .h4-title, .blockentity .wysiwyg, .blockentity .wysiwyg p, .blockentity .wysiwyg ul, .blockentity .wysiwyg a {
  color: #ffffff;
}
.blockentity-image {
  display: block;
  width: 100%;
  height: 50%;
  background-size: cover;
  background-position: 25% 0;
  background-color: #20384B;
  background-blend-mode: overlay, normal;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (min-width: 760px) {
  .blockentity-image {
    height: 60%;
  }
}
@media (min-width: 1000px) {
  .blockentity-image {
    height: 100%;
  }
}
.blockentity-image:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(32, 56, 75, 0) 0%, #20384B 88.54%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.blockentity-flexbox, .blockentity-container {
  display: block;
  width: 100%;
  max-width: 1500px;
  margin: auto;
  box-sizing: border-box;
  padding: 45px 25px;
  position: relative;
  z-index: 2;
}
@media (min-width: 576px) {
  .blockentity-flexbox, .blockentity-container {
    padding: 60px 55px;
  }
}
@media (min-width: 760px) {
  .blockentity-flexbox, .blockentity-container {
    padding: 80px 75px 60px;
  }
}
@media (min-width: 1200px) {
  .blockentity-flexbox, .blockentity-container {
    padding: 100px 75px 60px;
  }
}
@media (min-width: 1360px) {
  .blockentity-flexbox, .blockentity-container {
    padding: 115px 105px 60px 87px;
  }
}
.blockentity-flexbox:before, .blockentity-container:before {
  content: " ";
  display: none;
  width: 400px;
  height: 400px;
  background: url("../images/icone-logo.svg") center center/auto 100% no-repeat;
  opacity: 0.05;
  position: absolute;
  top: 130px;
  left: -160px;
  z-index: 1;
}
@media (min-width: 760px) {
  .blockentity-flexbox:before, .blockentity-container:before {
    display: block;
    width: 480px;
    height: 480px;
    top: calc(100% - 530px);
    left: -170px;
  }
}
@media (min-width: 1200px) {
  .blockentity-flexbox:before, .blockentity-container:before {
    width: 576px;
    height: 576px;
    top: 180px;
    left: -205px;
  }
}
.blockentity-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
}
@media (min-width: 760px) {
  .blockentity-text {
    margin-bottom: 70px;
  }
}
.blockentity-text .h2-title, .blockentity-text .h3-title, .blockentity-text .h4-title {
  max-width: 685px;
  margin-bottom: 0;
}
.blockentity-text .h2-title + .wysiwyg, .blockentity-text .h3-title + .wysiwyg, .blockentity-text .h4-title + .wysiwyg {
  margin-top: 30px;
}
@media (min-width: 760px) {
  .blockentity-text .h2-title + .wysiwyg, .blockentity-text .h3-title + .wysiwyg, .blockentity-text .h4-title + .wysiwyg {
    margin-top: 37px;
  }
}
.blockentity-text .btn {
  margin-top: 37px;
}
.blockentity-entities {
  display: block;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
@media (min-width: 760px) {
  .blockentity-entities {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .blockentity-entities {
    gap: 30px;
  }
}
@media (min-width: 760px) {
  .blockentity-entities .entity {
    width: calc((100% - 20px) / 2);
    flex-basis: calc((100% - 20px) / 2);
  }
}
.blockentity-entities .entity:not(:last-of-type) {
  margin-bottom: 35px;
}
@media (min-width: 1360px) {
  .blockentity-entities .entity:not(:last-of-type) {
    margin-bottom: 45px;
  }
}
.blockentity-entities .entity-logo {
  display: block;
  width: auto;
  margin-bottom: 18px;
}
.blockentity-entities .entity-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 260px;
  max-height: 55px;
}
.blockentity-entities .entity-text {
  display: block;
  margin-left: 69px;
}
.blockentity-entities .entity-text a {
  display: table;
  color: #ffffff;
  font-weight: 900;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: underline;
  box-sizing: border-box;
  padding: 15px 5px 5px 0;
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.blockentity-entities .entity-text a:hover {
  color: #5CA62A;
}
@media (min-width: 1000px) {
  .blockentity-flexbox {
    display: flex;
    align-items: flex-start;
    padding: 80px 50px 80px 70px;
    gap: 35px;
  }
}
@media (min-width: 1200px) {
  .blockentity-flexbox {
    gap: 50px;
    padding: 100px 50px 100px 80px;
  }
}
@media (min-width: 1360px) {
  .blockentity-flexbox {
    gap: 80px;
    padding: 115px 75px 90px 87px;
  }
}
@media (min-width: 1000px) {
  .blockentity-flexbox .blockentity-text {
    flex-basis: 35%;
    width: 35%;
    flex-shrink: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1360px) {
  .blockentity-flexbox .blockentity-text {
    flex-basis: 34%;
    width: 34%;
  }
}
@media (min-width: 1000px) {
  .blockentity-flexbox .blockentity-entities {
    flex-basis: 65%;
    width: 65%;
    margin-top: 50px;
  }
}
@media (min-width: 1360px) {
  .blockentity-flexbox .blockentity-entities {
    flex-basis: 66%;
    width: 66%;
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .blockentity-flexbox .blockentity-entities .entity {
    width: calc((100% - 30px) / 2);
    flex-basis: calc((100% - 30px) / 2);
  }
}
@media (min-width: 1360px) {
  .blockentity-container .blockentity-text {
    margin-bottom: 85px;
  }
}
@media (min-width: 1000px) {
  .blockentity-container .blockentity-entities {
    margin-left: 5%;
  }
}
@media (min-width: 1360px) {
  .blockentity-container .blockentity-entities {
    margin-left: 7.5%;
  }
}
@media (min-width: 1200px) {
  .blockentity-container .blockentity-entities .entity {
    width: calc((100% - 60px) / 3);
    flex-basis: calc((100% - 60px) / 3);
  }
}
/*# sourceMappingURL=blockentity.css.map */