.modmb_block{
  padding:3% 4%;
  font-weight: normal;

}

.modmb_enc{
  color:#be1e2e;
  text-align: center;
}

.modmb_description{
  padding: 4%;
  background-image: url("../lib/img/textura3.png");
  color:#272727;
}

.block_vignette{
  width:15px;
  float:left;
  margin-right: 2%;
  margin-top: .7%;
  border:0 !important;
}

/*Module principe*/
.modmb_principe{
  -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.principe_desc{
  float:left;
  width:60%;
  text-align: justify;
}

.principe_item{
    margin: 3% 0;
}

.principe_image{
  float:right;
  width:35%;
}

.principe_image img{
  width:80%;
  margin: auto;
  box-shadow: 2px 2px 5px #999;
}

.principe_image_mobile{
  display:none;
}

/*Module services*/
.modmb_services_block{
  background-color: #DEDEDE;
}

.services_enc{
  margin: 4%;
}

.services_desc{
  width:60%;
  float:right;
}

.service_item{
  margin: 1% 0;
}

.services_image{
  width: 40%;
}

.services_image img{
  margin:auto;
  margin-bottom: 5%;
  width:50%;
  box-shadow: 2px 2px 5px #999;
}

/*Module caracteristiques*/
.modmb_avcar{
  background-color: #f7f7f7;
}

.car_image{
  width:60%;
  margin:auto;
}

.modmb_car{
  width:50%;
  float:left;
}

/*Module avantages*/
.modmb_avantages{
  width:50%;
  float:right;
}

/**** 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) {
    .principe_image_mobile{
      display: block;
    }

    .principe_image_desk{
      display:none;
    }
    /*Mod services*/
    .services_image{
      width:90%;
      margin: auto;
    }

    .services_image img{
      width:45%;
      float:left;
      margin: 2%;
    }

    .services_desc{
      width:95%;
    }

    /*Module caracteristiques*/
    .car_image{
      width:70%;
      margin:auto;
    }

    .modmb_car{
      width:95%;
      float: none;
      margin: auto;
    }

    /*Module avantages*/
    .modmb_avantages{
      width:95%;
      float:none;
      margin: auto;
    }
}

@media (max-width: 480px) {
  .block_vignette{
    width:12px;
    margin-top: 1.7%;
  }

  /*Mod principe*/
  .modmb_principe{
    display: block;
  }

  .principe_image{
    width:60%;
    float:none;
    margin: auto;
  }

  .principe_image_mobile{
    display: block;
  }

  .principe_image_desk{
    display:none;
  }

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

  /*Mod services*/
  .services_image{
    width:95%;
    margin: auto;
  }

  .services_image img{
    width:45%;
    float:left;
    margin: 2%;
  }

  .services_desc{
    width:95%;
  }

  /*Module caracteristiques*/
  .car_image{
    width:80%;
    margin:auto;
  }

  .modmb_car{
    width:95%;
  }

  /*Module avantages*/
  .modmb_avantages{
    width:95%;
  }
}