@charset "utf-8";
/* CSS Document */


	.block-extranet ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 90px;
	}
	.block-extranet li {
	display: inline-block;
	vertical-align: middle;
	width : 265px;
	margin : 30px 25px 0;
	}
	.block-extranet img {
	width : 100%;
	margin : 0 auto;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
	}
    .bouton_secondaire {
    width: 100%;
    }

@media screen and (max-width:320px) {
  .image-extranet {
    background: url("../images/extranet/extranet-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-extranet {
    background: url("../images/extranet/extranet-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-extranet {
    background: url("../images/extranet/extranet-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-extranet {
    background: url("../images/extranet/extranet-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-extranet {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/extranet/extranet-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-extranet {
    background: url(../images/homepage/oblique2-header.svg), url(../images/homepage/oblique1-header.svg), url("../images/extranet/extranet-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) {
.image-extranet {
    margin: 80px auto 0;
    width: 100%;
    border-radius: 0;
  }
}

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