/* Fonts *|
font-family: 'Allison', cursive;
font-family: 'Outfit', sans-serif;
|*========================*/
/*----Test Mobile Paysage du 21 mai 2021----*/
@media all and (max-width: 700px){/*Responsive Blue*/.span-repdk{color: #2b3cc5}}
@media all and (min-width: 700px){/*Desktop Orange*/ .span-repdk{color: #f95e00}}
/*----------------------------------*/

/*======================================*|

|*======================================*/
.MPSZ-sub{
  background: url('../../images/errors/bg_error403.jpeg');
  background-size: cover !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll;
	align-items: center;
	width: 100%;
	display: flex;
}

.MPSZ-sub-oppacity{
  background: var(--MPSZ-Color_grey-70);
	display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  left: 0;
}

.div-MPSZ-sub{width: 75%}

/*=========*/

.MPSZ-section_02{
  background: var(--MPSZ-Color_white);
  background-attachment: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  border-top: 0.25rem solid rgb(60, 0, 60);
  padding-top: 2rem;
}
.div-MPSZ-section_02{margin: auto 0;width: 70%}

.div-container-pro_grp{
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center;
  align-items: center;
  padding: 0 0.75rem;
  margin-bottom: 1rem;
}

.div-container-pro_grp h4{line-height: 3rem; padding-bottom: 0.5rem; text-align: center !important}
.div-container-pro_grp article img{display: block !important}

/*Btn sur fond blanc non transparent*/
.MPSZ_primary-btn{background: var(--MPSZ-Color_purple) !important}
.MPSZ_primary-btn:hover{background: var(--MPSZ-Color_3rd) !important}


@media all and (max-width: 700px){
  /*Responsive*/
  .div-container-pro_grp article img{max-width: 16rem}
  .MPSZ-sub{background-position: 10% 10% !important}
}

@media all and (min-width: 700px){
  /*Desktop*/
  .div-container-pro_grp article img{max-width: 22rem}
  .MPSZ-sub{background-position: 50% 20% !important}
}

.div-container-pro_grp article{
  margin: 0.5rem;
  border-radius: 1rem;
  text-align: justify;
}

/*=========*/

.MPSZ-section_03{

}

.MPSZ-section_03-oppacity{min-height: calc(100vh - 0rem) !important}

/*======================================*/
@media all and (max-width: 700px){
  /*Responsive*/
	.MPSZ-sub-oppacity{min-height: calc(100vh - 0rem)}
}

@media all and (min-width: 700px){
  /*Desktop*/
	.MPSZ-sub-oppacity{min-height: calc(100vh - 0rem)}
}
