.legendeBU{padding-top: 12px;}

/* GRAND ECRAN */
@media only screen and (min-width: 1100px){
.visible4xx{display: none;}
.visible2xx{display: none;}
.grille7x5 {
  display: grid;
  grid-template-columns: 180px 180px 180px 180px 180px 180px 180px;
  grid-template-rows: 180px 180px 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0; 
  }
.grille7x3{
  display: grid;
  grid-template-columns: 180px 180px 180px 180px 180px 180px 180px;
  grid-template-rows: 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0;
}
.legendeBU{width: 800px;}
}


/* PETIT BUREAU / TABLET */
@media only screen and (min-width: 576px) and (max-width: 1099px){
.visible{display: none;}
.visible4xx {display: inline;}
.visible2xx{display: none;}
.grille4x8{
  display: grid;
  grid-template-columns: 180px 180px 180px 180px;
  grid-template-rows: 180px 180px 180px 180px 180px 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0;
}
.grille4x5{
  display: grid;
  grid-template-columns: 180px 180px 180px 180px;
  grid-template-rows: 180px 180px 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0;
}
.grille4x3{
  display: grid;
  grid-template-columns: 180px 180px 180px 180px;
  grid-template-rows: 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0;
}
.legendeBU{width: 500px;}
}

/* TABLET 
@media only screen and (min-width: 576px) and (max-width: 767px){
.visible {
display: none;
border: none;
}

.legendeBU{
  width: 500px;}
}*/

/* BIGO MALIN */
@media only screen and (max-width: 575px) and (orientation: portrait){

body{width: 100%;}
.module-IM-BU{padding: 24px 0 12px 24px;}
.visible {display: none;}
.visible4xx{display: none;}
.visible2xx{display: inline;}
.grille2x11_ {
  display: grid;
  grid-template-columns: 180px 180px;
  grid-template-rows: 180px 180px 180px 180px 180px 180px 180px 180px 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0; 
  }
.grille2x8_{
  display: grid;
  grid-template-columns: 180px 180px;
  grid-template-rows: 180px 180px 180px 180px 180px 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0;
}
.grille2x5_{
  display: grid;
  grid-template-columns: 180px 180px;
  grid-template-rows: 180px 180px 180px 180px 180px 60px;
  justify-content: center;
  padding: 48px 0 48px 0;
}
.legendeBU{width: 320px;text-align: left;}

}