.mod_ficheborne{
    background-color:#E8E8E8;
    text-align: justify;
}

.mod_vignette{
  float:left;
  margin:.9% 1%;
  width:10px;
}

/*Fiche*/
.tabs{
  width:100%;

}
.mod_fiche{
  width:100%;
  background-color: #fff;
}

.titres_fiche th{
  text-align: center;
  font-weight: normal !important;
  font-size: 1.3em;
  background-color: #377ab7;
  color:white;
  transition-duration: .5s;
}

.titre_fiche:hover{
  background-color: #2D6496 !important;
  transition-duration: .6s;
  cursor: pointer;
}

.mod_fiche .titre_fiche{
  padding: 1% 3%;
}

.fiche_column{
  padding-top: 4%;
}

.fiche_ul{
  width:60%;
  float:left;
  padding:2%;
}

.fiche_image{
  width:40%;
  float:right;
}

.fiche_image_img{
  max-height:400px;
  margin: auto;
}

/*Description*/
.mod_information h1{
  font-weight: normal;
  text-align: center;
  margin: 4%;
  color: #B4DE3D;
}

.mod_information_info{
  padding: 0 5%;
  font-weight: normal;
}

.mural{
  width:80%;
  margin: auto;
  padding-top: 3%;
}

.fiche_image_mobile{
  display: none;
}

/**** 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) {
  .titres_fiche th{
    font-size: 1.1em;
  }

  .mod_fiche .titre_fiche{
    padding: 1%;
  }

  .mural{
    width:100%;
  }
}

@media (max-width: 480px) {
  .titres_fiche th{
    display: block;
    font-size: 1.1em;
  }

  .mural{
    width:100%;
  }

  .fiche_image_mobile{
    display: block;
  }

  .fiche_image_desk{
    display: none;
  }

  .fiche_image{
    width:80%;
    float: none;
    margin: auto;
  }

  .fiche_image img{
    max-height: 200px;
  }

  .fiche_ul{
    width:95%;
  }
}
