.mod_partenaires{
  text-align: center;
  width: 100%;
  padding:5%;
  background-color: #f7f7f7;
}

.mod_partenaires h1{
  margin:0;
  border:0;
  font-weight: lighter;
  font-size: 3em;
}

.mod_partenaires small{
  color: #377ab7;
}

.cont_partenaires{
  margin:auto;
  width:95%;
}

.img_partenaire{
  width:22%;
  height:150px;
  margin: auto;
  display: inline-block;
  margin:5% 2%;
  border: solid 1.5px #E3E3E3;
  border-radius:5px;
  position:relative;
  transition-duration: .8s;
}

.img_partenaire img{
  position:absolute;
  max-width: 90%;
  max-height: 140px;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  opacity: 0.4;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  transition-duration: .8s;
}

.img_partenaire:hover{
  border: solid 1.5px #A1A1A1;
  transition-duration: .8s;
}

.img_partenaire:hover img{
  opacity: 0.9;
  -webkit-filter: grayscale(0.2);
  -moz-filter: grayscale(0.2);
  -ms-filter: grayscale(0.2);
  -o-filter: grayscale(0.2);
  transition-duration: .8s;
}

/**** CUSTOM RESPONSIVE *****/
@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (min-width:481px) and (max-width: 767px) {
  .img_partenaire{
    width:45%;
    margin:5% 2% 0 2%;
  }
  .img_partenaire img{
    opacity: 0.9;
    -webkit-filter: grayscale(0.2);
    -moz-filter: grayscale(0.2);
    -ms-filter: grayscale(0.2);
    -o-filter: grayscale(0.2);
  }

}

@media (max-width: 480px) {

  .mod_partenaires h1{
    font-size: 2em;
  }

  .img_partenaire{
    width:85%;
    margin:5% 2% 0 2%;
  }

  .img_partenaire img{
    opacity: 0.9;
    -webkit-filter: grayscale(0.2);
    -moz-filter: grayscale(0.2);
    -ms-filter: grayscale(0.2);
    -o-filter: grayscale(0.2);
  }
}