/***************************************************************/
 /*************** GALERIE MOBILE FIRST **************************/
/***************************************************************/
#section_galerie_wrapper{
	height: calc(100% - 70px);
	overflow-y: scroll;
	overflow-x: hidden;
	padding-bottom: 80px;
	background: #EBEBEB;
	
}
 .page-template-template_press_review #section_galerie_wrapper,
 .page-template-template_telechargement #section_galerie_wrapper,
 .page-template-template_galerie #section_galerie_wrapper{
 	height: 100%;
 	margin-top: 94px;
 }
#section_galerie{
	width: 100%;
	background: #EBEBEB;
}
.galerie_media{
	width: 50%;
	height: 208px;
	float: right;
	margin: 0;
	background-position: center center;
	background-size: cover;
	/*box-shadow: -1px -1px 0px white;*/
	border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
	position: relative;
	box-sizing: border-box;
}
.press_media{
	height: calc(50vh - ( 254px / 2 ) );
	background-position: top center;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-shadow: none;
}
.galerie_media .media_overlay{
	opacity: 0;
	transition: all .3s ease;
	position: absolute;
	z-index: 6;
	right: 0;
	top:0;
	width:100%;
	height:  calc(100% - 35px);
	background: rgba(0,0,0,0.8);
	text-align: center;
	cursor: pointer;
}
.galerie_media:hover .media_overlay{
	opacity: 1;	
}
.galerie_media .btn_royalmonceau{
	width: 160px;
    margin: 0 auto;
    background: transparent;
    color: white;
    margin-top: 65px;
}
.galerie_media figcaption{
	background: #EBEBEB;
	position: absolute;
	height: 35px;
	line-height: 35px;
	font-family: "RM_Bodoni_Regular";
	font-size: 16px;
	color: #4A4A4A;
	text-indent: 20px;
	bottom: 0;
	width: 100%;
}
.press_media figcaption{
	height: 100px;
}
.press_media .media_overlay{
	height:  calc(100% - 100px);
}
.press_media .btn{
    width: 160px;
    margin: 0 auto;
    background: transparent;
    color: white;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    vertical-align: middle;
    -webkit-transform: translate(0, -50%);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
    outline: none;
    text-decoration: none;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    transition: all .35s ease;
    font-family: "RM_Bodoni_Italic";
    font-style: normal;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    padding-bottom: 0;
    padding-top: 0;
    overflow: hidden;
}
.press_media figcaption .press_title{
	font-family: "Bodoni 72";	font-size: 28px;	font-weight: 300;	line-height: 36px;
	float: right;
	width: 100%;
	padding: 0 20px 10px 10px;
	box-sizing: border-box;
	text-indent: 0;
}
.press_media figcaption .press_country{
	color: #4A4A4A;	font-family: "Bodoni 72";	font-size: 16px;	font-style: italic;	font-weight: 300;	line-height: 20px;
	float: right;
	width: 50%;
	padding: 10px 0 10px 0;
	box-sizing: border-box;
}
.press_media figcaption .press_date{
	color: #4A4A4A;	font-family: "Futura";	font-size: 14px;	font-weight: 300;	line-height: 16px;	text-align: left;
	float: left;
	width: 50%;
	padding: 10px 20px 0 10px;
	box-sizing: border-box;
}
#galerie_filters{
	background: #EBEBEB;
	width: calc(100% - 20px);
	height: 70px;
	position: fixed;
	bottom: 74px;
	
}
#galerie_filters ul{
	margin: 0;
	padding: 0;
	display: inline;
}
#galerie_filters ul li{
	display: inline-block;
	font-family: "RM_Bodoni_Italic";
	font-size: 20px;
	line-height: 70px;
	color: #9B9B9B;
	padding: 0;
    float: right;
    margin: 0 10px;
    cursor: pointer;
}
#galerie_filters ul li{
	color: #9B9B9B;
}
#galerie_filters ul li.filtr-active{
	color: #4A4A4A;
	text-decoration: underline;
}
.galerie_media.filteredOut{
	
}

#wrap_title{
	width: 100%;
	height: 94px;
	width: calc(100% - 20px);
	display: flex;
	text-align: center;
	background: #EBEBEB;
	align-items: center;
	position: fixed;
	z-index: 1;
	top: 80px;
}
#wrap_title h2{
	width: 100%;
	text-align: right;
	font-size: 18px;
	margin: 0;
	text-indent: 10px;
}
#wrap_title .selectric-wrapper{
	width: auto;
    min-width: 120px;
    max-width: 120px;
    position: absolute;
    top: 28px;
    left: 20px;
    background: #EBEBEB;
}
#wrap_title .selectric{
	background: #EBEBEB;
}
#wrap_title .selectric .label{
	    text-align: left;
    padding-left: 20px;
}
#wrap_title .selectric-items li{
	text-align: left;
}
.galerie_media .media_overlay .dl_link{
	position: absolute;
	top:15px;
	left: 15px;
	background: transparent url('../img/icon_download.svg');
	width: 40px;
	height: 40px;
	display: block;
	text-decoration: none;
	z-index: 8;
	background-repeat: no-repeat;
    background-position: center;
}
#dl_filters{
	/*display: none;*/
}


  /*Template telechargement*/
  .page-template-template_galerie .galerie_media,
  .page-template-template_telechargement .galerie_media{
	  width: 20%;
	  height: auto;
  }
  .page-template-template_galerie .galerie_media img,
  .page-template-template_telechargement .galerie_media img{
	  width: 100%;
	  height: auto;
  }

  .page-template-template_galerie .galerie_media .media_overlay,
  .page-template-template_telechargement .galerie_media .media_overlay{
	  height: 100%;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
  }
  .page-template-template_galerie .galerie_media .btn_royalmonceau,
  .page-template-template_telechargement .galerie_media .btn_royalmonceau{
	  margin-top: 0;
	  width: 90%;
	  border: none;
	  font-size: 18px;
  }
  .page-template-template_galerie .modal,
  .page-template-template_telechargement .modal{
	  background: #ebebeb;
  }

  #medias_swiper_telechargement,
  #medias_swiper_telechargement .slick-track{
	  height: 100%;
  }

  #medias_swiper_telechargement .slick-slide{
	  float: right;
  }

  #medias_swiper_telechargement .swiper-slide{
	  padding: 0 15px;
  }

  #medias_swiper_telechargement .swiper-slide .slide-bg{
	  background-repeat: no-repeat;
	  height: 100%;
	  background-size: cover;
	  background-position: center;
  }

  #medias_swiper_telechargement .swiper-slide .slide-title{
	  padding: 20px;
	  position: absolute;
	  z-index: 20;
	  background: #ebebeb;
	  bottom: 0;
	  left: 0;
	  right: 0;
  }

  #medias_swiper_telechargement .swiper-slide .modal_close{
	  top: 40px;
	  right: 40px;
	  display: none;
  }

  #medias_swiper_telechargement .swiper-slide.slick-active .modal_close{
	  display: block;
  }

  /*********************************************************************/
 /********************* GALERIE MOBILE LARGE **************************/
/*********************************************************************/

@media only screen and (min-width: 480px) {


}
  /*****************************************************************************/
 /********************* CUSTOM CSS : TABLETS **********************************/
/*****************************************************************************/
@media only screen and (min-width: 768px) {
	.page-template-template_galerie .galerie_media,
	.page-template-template_telechargement .galerie_media{
		width: 33.3%;
	}
	#medias_swiper_telechargement .swiper-slide{
		height: 100%;
	}
}
  /*********************************************************************/
 /*********************  GALERIE DESKTOP -*****************************/
/*********************************************************************/



@media only screen and (min-width: 990px){
	/* PUT THE DESKTOP STYLES HERE */
	.galerie_media{
		width: 25%;
	}
	#galerie_filters{
		width: calc(100% - 40px);
	}
	#wrap_title h2{
		font-size: 40px;
		text-indent: 0px;
		text-align: center;	
	}
	#wrap_title{
		width: calc(100% - 40px);
		top: 90px;
		left: 20px;
	}
	#wrap_title .selectric-wrapper{
		min-width: 120px;
		max-width: 200px;
	}
	#section_galerie_wrapper{
		padding-bottom: 0;
	}
	.press_media{
		height: calc(50vh - ( 257px / 2 ) );
	}
	#dl_filters{
		display: none;
	}
	.page-template-template_press_review #section_galerie_wrapper, .page-template-template_telechargement #section_galerie_wrapper{
		height: calc(100% - 93px);
	}
	.page-template-template_galerie .galerie_media,
	.page-template-template_telechargement .galerie_media{
		width: 20%;
	}
}

  /************************************************************************/
 /************* GALERIE LARGE SCREENS (typos only)  **********************/
/************************************************************************/

@media only screen and (min-width: 1025px){
	/* PUT SOME TYPOS ADJUSTMENTS HERE FOR HUGE SCREENS */
}

  /******************************************************************************/
 /********************* GALERIE SMALL HEIGHT  **********************************/
/******************************************************************************/
@media only screen and (min-width: 1023px) and (max-height: 600px){
	/* PUT SOME SMALL HEIGHT ADJUSTMENTS HERE */	
}



@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	
}

  @media (min-width: 320px) and (max-width: 767px) {
	  .page-template-template_galerie .galerie_media,
	  .page-template-template_telechargement .galerie_media{
		  width: 50%;
	  }
	  #medias_swiper_telechargement .swiper-slide .slide-bg{
		  height: 100%;
	  }
	  #medias_swiper_telechargement .swiper-slide{
		  height: 100%;
		  padding: 0;
	  }
  }