@charset "utf-8";
/* CSS Document */
/*  Histoire Valeur  */
.block-atout {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.block-atout-right {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.block-atout-img {
  /*width: 33%;*/
  margin: 0;
  padding: 0 40px 0 0;
}
.right {
  padding: 0 0 0 40px;
  margin: 0;
}
.block-atout-img img {
  border-radius: 15px;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  /*width: 100%;
  height: 100%;*/
}
.block-atout-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* background: url(../images/nos-offres/double-oblique-grey.svg), url(../images/nos-offres/oblique-grey.svg), #e6ebef;
  background-repeat: no-repeat, no-repeat;
  background-position: right 50px top -30px, bottom -70px left 20px;
  background-size: 240px, 190px; */
  background-color: #e6ebef;
  border-radius: 15px;
  /*width: 66%;
  width: 100%;*/
  padding: 50px;
  max-width: 100%;
  height: auto;
}
.block-atout-txt .yellow {
  background-color: #fef5e7;
}
@media screen and (max-width:320px) {
  .image-solutions {
    background: url("../images/atouts/solutions/solutions-320x360.jpg");
    background-position: center;
    background-size: cover;
    height: 320px;
    align-items: flex-end;
    justify-content: center;
  }
  .image-secteurs {
    background: url("../images/atouts/secteurs/secteurs-320x360.jpg");
    background-position: center;
    background-size: cover;
    height: 320px;
    align-items: flex-end;
    justify-content: center;
  }
}
@media screen and (min-width:321px) and (max-width:479px) {
  .image-solutions {
    background: url("../images/atouts/solutions/solutions-480x500.jpg");
    background-position: center;
    background-size: cover;
    height: 350px;
    align-items: flex-end;
    justify-content: center;
  }
  .image-secteurs {
    background: url("../images/atouts/secteurs/secteurs-480x500.jpg");
    background-position: center;
    background-size: cover;
    height: 350px;
    align-items: flex-end;
    justify-content: center;
  }
}
@media only screen and (max-width:639px) {
  .block-atout-txt {
    width: 100%;
  }
  .block-atout-img img {
    width: 100%;
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .image-solutions {
    background: url("../images/atouts/solutions/solutions-480x500.jpg");
    background-position: center;
    background-size: cover;
    height: 450px;
    align-items: flex-end;
    justify-content: center;
  }
  .image-secteurs {
    background: url("../images/atouts/secteurs/secteurs-480x500.jpg");
    background-position: center;
    background-size: cover;
    height: 450px;
    align-items: flex-end;
    justify-content: center;
  }
}
@media only screen and (max-width : 959px) {
  .block-atout-txt {
    background: #e6ebef;
    padding: 20px;
    margin: 0 auto;
  }
}
@media screen and (min-width:640px) and (max-width:959px) {
  .image-solutions {
    background: url("../images/atouts/solutions/solutions-600x600.jpg");
    background-position: center;
    background-size: cover;
    height: 600px;
    align-items: flex-end;
    justify-content: center;
  }
  .image-secteurs {
    background: url("../images/atouts/secteurs/secteurs-600x600.jpg");
    background-position: center;
    background-size: cover;
    height: 600px;
    align-items: flex-end;
    justify-content: center;
  }
}
/*@media only screen and (min-width : 1024px) {
  section.atout {
    width: 90%;
  }
}*/
@media only screen and (max-width : 1024px) {
  .block-atout-txt {
    background: #e6ebef;
    padding: 20px;
    margin: 0 auto;
  }
}
@media only screen and (max-width : 1280px) {
  .block-atout {
    display: block;
  }
  .block-atout-right {
    flex-direction: column-reverse;
  }
  .block-atout-img {
    width: 100%;
    margin: 0 0 30px;
  }
  .block-atout-img {
    margin: 0 0 40px;
    padding: 0;
  }
  .right {
    margin: 0 0 40px;
    padding: 0;
  }
  .block-atout-img img {
    display: block;
    min-width: 0;
    min-height: 0;
    margin: auto;
  }
}
@media screen and (min-width:960px) and (max-width:1279px) {
  .image-solutions {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/solutions/solutions-1120x350.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -110px, bottom -100px left 320px, center;
    background-size: 400px, 200px, cover;
    height: 352px;
  }
  .image-secteurs {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/secteurs/secteurs-1120x350.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -110px, bottom -100px left 320px, center;
    background-size: 400px, 200px, cover;
    height: 352px;
  }
}
@media screen and (min-width:1280px) and (max-width:1599px) {
  .image-solutions {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/solutions/solutions-1440x450.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -90px, bottom -130px left 320px, center;
    background-size: 450px, 260px, cover;
    height: 452px;
  }
  .image-secteurs {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/secteurs/secteurs-1440x450.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -90px, bottom -130px left 320px, center;
    background-size: 450px, 260px, cover;
    height: 452px;
  }
}
/* --------------------------------- */
@media only screen and (max-width : 959px) {}
@media screen and (min-width:1600px) {
  .image-solutions {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/solutions/solutions-1600x500.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -90px, bottom -130px left 400px, center;
    background-size: 500px, 300px, cover;
    height: 502px;
  }
  .image-secteurs {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/secteurs/secteurs-1600x500.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -90px, bottom -130px left 400px, center;
    background-size: 500px, 300px, cover;
    height: 502px;
  }
}
@media screen and (min-width:1920px) {
  .image-solutions {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/solutions/solutions-1920x600.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -90px, bottom -130px left 400px, center;
    background-size: 500px, 300px, cover;
    height: 602px;
  }
  .image-secteurs {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/atouts/secteurs/secteurs-1920x600.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -50px top -90px, bottom -130px left 400px, center;
    background-size: 500px, 300px, cover;
    height: 602px;
  }
}