/*
CSS Style sheet for photo webpages
*/
#photos > ul {         
  padding:0 0 0 0;
  margin:0 0 0 0;
}
#photos > ul li {     
  list-style:none;
  margin-bottom:25px;  
  list-style-type: none;         
}
ul li {
   list-style-type: none;         
}
#photos > ul li img {
  cursor: pointer;
}
html, body {
  height: 100%;
  margin: 0; padding: 0;
}
body {
  display : table;
  width: 100%;
}
footer {
  display : table-row;
  height: 100px; /* à titre d'exemple */
}
.modal-body {
  padding:5px !important;
}
.modal-content {
  border-radius:0;
}

.modal-dialog img {
  text-align:center;
  margin:0 auto;
}
.controls{          
  width:80px;
  display:block;
  font-size:11px;
  padding-top:8px;
  font-weight:bold;          
}
.downloadHD,
.previous{
  float: left;
}

.download,
.next {
  float:right;
  text-align:right;
}

.glyphicon{
  padding: 0; 
}

@media screen and (min-width: 768px){
  .modal-dialog {
    width:900px;

  }          
}

.modal-body{
  -webkit-overflow-scrolling: touch;
}

.gal {
  
  
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    
  
  } 
  .gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
    
    .gal {
  
  
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    
  
  }
    
  }