/** General page styling **/




/**
 * Grid container
 */
.gallerylist {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
.gallerylist li {
  width:215px;
  background-color: #ffffff;
  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
  margin-bottom:10px;

}

.gallerylist.realisation  {
   margin-top:30px;
}

.gallerylist.realisation li {
  width:380px;
  background: url(../../../images/bg-paragraph-special.jpg) repeat left top;
  display: none;
  cursor: pointer;
}

@media only screen and (min-width: 1231px) {
 .gallerylist.realisation li:nth-child(2) {
  top:0px !important;
}

}


.gallerylist li.inactive {
  visibility: hidden;
  opacity: 0;
}

.gallerylist li img {
  display: block;
}

/**
 * Grid item text
 */
.gallerylist li p {

}


.wookmark-placeholder {

  z-index: -1;
}

.example-tiles {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  opacity: 1;
  list-style-type: none;
  float: left;
 
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}