/******************sous-section masterpage***********************/
.master-page-sections {
  padding: 50px 0;
}

.encart-section-mp {
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}

.encart-section-mp img{
  width: 100%;
  border-radius: 10px;
  height: 250px;
  object-fit: cover;
  transition: transform 400ms ease-out;
}

.encart-section-mp:hover img{
  transform: scale(1.15);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+0,0.51+100 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.51) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.51) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.51) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#82ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.section-link-mp{
  position: absolute;
  bottom: 0;
  margin: 20px 25px;
  font-size:25px;
  font-weight:bold;
}

a:hover .section-link-mp{
  color:white !important;
  text-decoration: none;
}

.master-page-sections > div > div {
  position: relative !important;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  left: calc(-50vw + 50%);
  padding: 0 100px;
}
.master-page-sections .field--name-field-sous-section-vignette > div.field__items > div.field__item{
  width:33.3%;
  padding: 0 9px;
}

.master-page-sections .field--name-field-sous-section-vignette > div.field__items > div.field__item:first-child, .master-page-sections .field--name-field-sous-section-vignette > div.field__items > div.field__item:nth-child(4) {
  padding: 0 9px 0 0;
}

.master-page-sections .field--name-field-sous-section-vignette > div.field__items > div.field__item:nth-child(3), .master-page-sections .field--name-field-sous-section-vignette > div.field__items > div.field__item:nth-child(6) {
  padding: 0 0 0 9px;
}


@media only screen and (max-width: 768px) {
  .master-page-sections > div > div {
    width:100vw;
    display:block;
    right:0;
  }

  .encart-section-mp{
    width:100%;
    font-size: 18px;
  }

  .master-page-sections > div > div {
    padding: 0 20px;
  }

  .master-page-sections .field--name-field-sous-section-vignette > div.field__items > div.field__item{
    width:100%;
    padding: 0 !important;
  }
}