@charset "utf-8";

/* CSS Document */
/*  Histoire Valeur  */
/*
.block-commun-bkg-diagonale-grey.a-propos {
  background: url(../images/nos-offres/double-oblique-grey.svg),
    url(../images/nos-offres/oblique-grey.svg),
    #f3f3f8;
  background-repeat: no-repeat,
    no-repeat;
  background-position: right 40px top 0px,
    bottom -50px left -50px;
  background-size: 240px,
    190px;
  width: 100%;
  border-radius: 15px;
  padding: 80px;
}
*/
.block-picto-offre-grey {
  background-color: #FEF5E6;
  width: 100%;
  margin: auto;
  border-radius: 15px;
  padding: 50px;
}

.block-offre-spacer {
  margin: 0 0 70px;
}

.picto-smart {
  display: none;
}

.singularites .commun-picto>ul>li {
  -moz-box-shadow: 0px 10px 40px 0px rgba(210, 190, 160, 0.30);
  -webkit-box-shadow: 0px 10px 40px 0px rgb(210 190 160 / 30%);
  -o-box-shadow: 0px 10px 40px 0px rgba(210, 190, 160, 0.30);
  box-shadow: 0px 10px 40px 0px rgb(210 190 160/ 30%);
}

.campus-square #video_image>div {
  background: url(../images/default-video.jpg);
  width: 960px;
}

@media screen and (max-width:320px) {
  .image-filiale {
    background: url("../images/a-propos/a-propos-320x360.jpg");
    background-position: center;
    background-size: cover;
    height: 320px;
    align-items: flex-end;
    justify-content: center;
  }
}

.savoir-faire ul {
  padding: 20px;
}

@media screen and (min-width:321px) and (max-width:479px) {
  .image-filiale {
    background: url("../images/a-propos/a-propos-480x500.jpg");
    background-position: center;
    background-size: cover;
    height: 350px;
    align-items: flex-end;
    justify-content: center;
  }
}

@media screen and (min-width:480px) and (max-width:639px) {
  .image-filiale {
    background: url("../images/a-propos/a-propos-480x500.jpg");
    background-position: center;
    background-size: cover;
    height: 450px;
    align-items: flex-end;
    justify-content: center;
  }
}

@media screen and (min-width:640px) and (max-width:959px) {
  .image-filiale {
    background: url("../images/a-propos/a-propos-600x600.jpg");
    background-position: center;
    background-size: cover;
    height: 600px;
    align-items: flex-end;
    justify-content: center;
  }
}

@media screen and (min-width:960px) and (max-width:1279px) {
  .image-filiale {
    background: url("../images/a-propos/a-propos-1120x350.jpg");
    background-position: center;
    background-size: cover;
    height: 600px;
    align-items: flex-end;
    justify-content: center;
  }
}

@media screen and (min-width:1280px) and (max-width:1599px) {
  .image-filiale {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/a-propos/a-propos-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) {
  .block-picto-offre-grey {
    width: 95%;
    padding: 20px;
  }



  .picto-desktop {
    display: none;
  }

  .picto-smart {
    display: block;
  }
}

@media screen and (min-width:1600px) {
  .image-filiale {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/a-propos/a-propos-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-filiale {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/a-propos/a-propos-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;
  }
}