body{
    width: 100%;
    height: 100%;
    background: url("../../medias/common/annexe/_shared_bg.jpg");
    color:#fff;
    font-family:georgia;
    font-size:13px;
    background-attachment: fixed;
    overflow-y:hidden;
}
.appTitle,.filter-block h1{
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.filter-block h1{
  font-size:15px;
}
.appTitle{
  margin-top:10px; 
  font-size:20px;
  text-transform: uppercase;
}
.innerIsotopeItem{
  background-color: #000;
  position: absolute;
  height: 20px;
  bottom: 0;
  color: #ffffff;
}
.innerFilterList{
  padding: 0;
  margin: 5px 0 0;
}
.innerFilterList li{
  list-style-type: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 2px;
  width: auto;
  cursor: pointer;
  margin-right:2px;
  text-transform: uppercase;
}
.innerFilterList li + li::before {
}
.innerFilterList li:hover{
  /*text-decoration: none;*/
  /*color: #ff0000;*/
}
#filtreWrapper,#datasWrapper{
    width: auto;
    float: left;
}
#datasWrapper{
    float: left;
    overflow-y: auto;
    text-align: right;
    width: 80%;
    height: 100%;
}
#filtreWrapper{
    float: left;
    position: relative;
    width: 20%;
    word-wrap: break-word;
    z-index: 5;
    height: 100%;
}

#leftColContent{
  height: 100%;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.isotopeCustomItem{
    width: 170px;
    height: 170px;
    margin-bottom: 5px;
    cursor: pointer;
}

.isotopeCustomItemSmall{
    width: 90px;
    height: 120px;
    background-color: #000;
    margin-bottom: 5px;
    cursor: pointer;
}
.swiper-container{
  height: 100%;
  width: 100%;
  padding-left: 5px;
}
.swiper-wrapper{
  height: 100%;
  overflow-y:auto; 
  overflow-x:hidden;
}
.fancybox-title-inside-wrap{
  font-family: georgia;
  font-size: 12px;
  text-align: left;
  color: #000;
}
.mediathequeVideo video{
  height: 400px;
  width: 400px;
}
.mediathequeVideo{
  width: 400px;
  height: 400px;
  margin: 0 auto;
}
.watermark{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.swiper-slide {
    clear: both;
}
#appTitle{
  text-align: center;
  font-size: 63px;
  text-transform: uppercase;
  background-image: url("../../medias/common/nav/white-border.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-bottom: 50px;
}
.closeBtn{
    position: absolute;
    z-index: 3;
    background: url("../../medias/common/nav/close_btn_sprite.png") no-repeat transparent;
    width: 89px;
    height: 89px;
    right: 17px;
    cursor: pointer;
}