body
 {
     overflow-y:hidden;
     padding:0px;
     margin:0px;
 }
 
 .ConteneurRab{    
  position:absolute;
  top:0px;
  left:0px;
  background: url('../IMGS/tilt2016.jpg') no-repeat;
  background-size: cover;
  z-index:500;
  /*width:300px;
  height:300px;*/
 }
  
 #ConteneurMiniatures{
  width:100%;
  height:100%;
  
  /*overflow:scroll;
  overflow-y:auto;  */
  
  /*display:table;     
  height:100%;   */
 }
      
 #ConteneurMiniatures .Ligne,
 #ConteneurMiniatures .LigneAuto {
  /*display:table-row;*/
  height:20%;
  white-space: nowrap;
 }
 
 
 #ConteneurMiniatures .Miniature {
  position:relative;
  display: inline-block;
  
  height:100%;
      
  background-size: 100% 100%; 
  background-repeat: no-repeat;
  background-position: center;
  
  border:0px;
  outline:0px;
  
  z-index:0;
  
  -webkit-transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -o-transition: all 0.3s ;
  transition: all 0.3s ;
}

 #ConteneurMiniatures .Miniature a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none; /* No underlines on the link */
  background-color: #FFF; /* Fix to make div clickable in IE */
  opacity: 0; /* Fix to make div clickable in IE */
  filter: alpha(opacity=1); /* Fix to make div clickable in IE */
 }
 
 #ConteneurMiniatures .Miniature span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;  
 }    

 #ConteneurMiniatures .Selection {
  border:2px solid #92ee01;   
  outline:2px solid #92ee01;
  box-sizing: border-box;     
  
  /*box-shadow: inset 0px 0px 20px -2px rgba(0, 0, 0, 0.82);
  -moz-box-shadow: inset 0px 0px 20px -2px rgba(0, 0, 0, 0.82);
  -webkit-box-shadow: inset 0px 0px 20px -2px rgba(0, 0, 0, 0.82);  */
  
  box-shadow: inset 0px 0px 10px 1px #202020;
  -moz-box-shadow: inset 0px 0px 10px 1px #202020;
  -webkit-box-shadow: inset 0px 0px 10px 1px #202020;  
  
  /*box-shadow: 1px 0px 7px 5px rgba(66, 66, 66, 0.82);
  -moz-box-shadow: 1px 0px 7px 5px rgba(66, 66, 66, 0.82);
  -webkit-box-shadow: 1px 0px 7px 5px rgba(66, 66, 66, 0.82);

  bottom:3px;*/
  /*animation: shadowUp 0.3s ease-out;
  -webkit-animation: shadowUp 0.3s ease-out;
  -webkit-animation-fill-mode: forwards; 
  animation-fill-mode: forwards; */
   
  z-index:10;
 }
 
 
 #ConteneurMiniatures .notSelected { 
    /*animation: shadowDown 0.8s ease-out;
    -webkit-animation: shadowDown 0.8s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; */
 } 
 
 

  /*@keyframes shadowUp {
    from {box-shadow: 0 0 0px 0px rgba(190,65,12, 0); border:0px; outline:0px; }
    to {box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.82); border:1px solid #92ee01; outline:1px solid #92ee01;}
  }
  
  @-webkit-keyframes shadowUp {
    from {box-shadow: 0 0 0px 0px rgba(190,65,12, 0); border:0px; outline:0px; }
    to {box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.82); border:1px solid #92ee01; outline:1px solid #92ee01;}
  } 
  
  @keyframes shadowDown {
    from {box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.82); }
    to {box-shadow: 0 0 0px 0px rgba(0,0,0, 0); }
  }
  
  @-webkit-keyframes shadowDown {
    from {box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.82); }  
    to {box-shadow: 0 0 0px 0px rgba(0,0,0, 0); }
  }   */
  
 
 
 
        
/*@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }*/