/* Fancy Box */

.div-fancy-box
{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.fancy-active
{
  display: flex !important;
}

.img-fancy-box
{
  max-width: 90%;
  max-height: 90%;
  min-height: 1em;
  border: 5px solid #fff;
}


.close-fancy-box
{
  position: absolute;
  top: 2%;
  background: none;
  border: none;
  background: url('/sites/default/files/inline-images/close.svg');
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.slider-btn-hp
{
  display: none;
}

.evenment-btn-hp
{
  display: none;
}

.publication_slider .slider-btn-hp
{
  display: block;
}

.slider-title-hp
{
  padding: 0;
}

.publication_slider .header_page:before
{
  content: '';
  width: unset;
  height: unset;
  background: none;
}

.publication_slider .slider-slide-hp
{
  margin-top: 0;
}

.publication_slider .common-title-hp
{
  margin: 3em 0;
}

.publication_slider .common-title-hp h2
{
  text-align: center;
}

.decouvrir-btn
{
  background: #02ABBC;
  padding: 17px 15px;
  min-width: 166px;
  text-align: center;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  line-height: 23px;
  font-weight: 700;
  transition: all 0.3s linear;
  display: inline-block;
  margin-top: 2em;
}


.yt_slider_container
{
  margin: 2em 0;
}

.yt_slider_container .common-title-hp
{
  margin-bottom: 3em;
}

.yt_slider_container .common-title-hp h2
{
  text-align: center;
}

.phototheque_container .common-title-hp
{
  margin-bottom: 5em;
}

.phototheque_container .common-title-hp h2
{
  text-align: center;
}

.phototheque_container
{
  padding-bottom: 6rem;
}

.phototheque_container .solution-box-hp
{
  box-shadow: none;
  background: none;
  padding: 12px 5px 6px 14px;
}

.phototheque-container
{
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-phototheque
{
  width: 22em;
  height: 20em;
  text-align: center;
  padding: 2em 6em;
  margin: 1em;
  overflow: hidden;
  padding: 0;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.phototheque-active
{
  width: 100%;
  height: auto;
  overflow: visible;
  padding: 0 10%;
}


.row-phototheque article
{
  width: 100%;
  height: 100%;
  border: 2px solid #7d8524;
}


.row-phototheque img
{
  max-width: 20em;
  margin: 1em;
  opacity: 0.6;
  cursor: pointer;
  width: 12em;
}

.row-phototheque img:hover
{
  opacity: 1;
}

.row-phototheque h2
{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: #7d8524;
}

.phototheque-active h2
{
  width: auto;
  height: auto;
  background: transparent;
  border: none;
  padding: 1em;
}


.row-phototheque h2:hover
{
  background: #fff;
}

.row-phototheque h2:hover a
{
  color: #7d8524;
}


.phototheque-active h2:hover a
{
  color: #482D0D;
}


.row-phototheque h2 a
{
  /*padding-bottom: 1em;*/
  pointer-events: none;
  color: #fff;
}

.phototheque-active h2 a
{
  color: #482D0D;
}


.div-slider
{
	margin: auto;
	width: 100%;
	height: 30em;
	border: 1px solid;
	display: flex;
	max-width: 65em;
}

.div-video
{
	width: 70%;
	height: 100%;
}

.div-list
{
	position: relative;
	width: 30%;
	height: 100%;
	background: #363636;
	
}

.div-list button{
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	margin: auto;
	background: none;
	border: none;
	width: 2em;
	height: 2em;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgICA8ZyBmaWxsPSJub25lIj4KICAgICAgICA8Y2lyY2xlIGN4PSIxMyIgY3k9IjEzIiByPSIxMiIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9Ii41Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIKICAgICAgICAgICAgICBkPSJNMTIuNTY1IDE2LjgyMmMuMTI2LjEyLjI3LjE4Mi40MzYuMTgyLjE2OCAwIC4zMS0uMDYuNDMtLjE4Mmw0LjM4LTQuMTc1Yy4xMjgtLjEyLjE5LS4yNjIuMTktLjQyNCAwLS4xNi0uMDYyLS4zMDItLjE5LS40MjNsLS42NS0uNjIyYy0uMTI1LS4xMi0uMjcyLS4xODItLjQ0LS4xODItLjE3IDAtLjMxNC4wNi0uNDM2LjE4MmwtMy4zMTQgMy4xNi0zLjI1LTMuMTZjLS4xMjYtLjEyLS4yNy0uMTgyLS40My0uMTgyLS4xNjYgMC0uMzEuMDYtLjQzNS4xODJsLS42NjIuNjIyYy0uMTI2LjEyLS4xOS4yNjItLjE5LjQyMyAwIC4xNjIuMDY0LjMwMy4xOS40MjRsNC4zNzMgNC4xNzV6Ii8+CiAgICA8L2c+Cjwvc3ZnPg==');
	background-size: cover;
	background-position: center;
	cursor: pointer;
}


.div-list ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
	transition: all 0.5 ease-in-out;
}

.div-list ul::-webkit-scrollbar {
  display: none;
}

.div-list li
{
	box-sizing: border-box;
	width: 100%;
	height: 5em;
	padding: 10px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	opacity: 0.6;
}

.div-list li:hover
{
	opacity: 1;
}

.div-list li img
{
	height: 100%;
}

.div-list li h6
{
	width: 60%;
	height: 80%;
	padding-left: 10px;
	font-size: 75%;
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,0.91);
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
  text-shadow: none;
  line-height: 1.9;
  font-weight: normal;
}


#footer
{
  margin-top: 12rem !important;
}

@media only screen and (max-width:800px) {
  .div-slider
  {
  	height: unset;
  	display: block;
  }
  
  .div-video
  {
  	width: 100%;
  	height: 20em;
  }
  
  .div-list
  {
  	width: 100%;
  	height: 20em;
  	
  }
  
  .phototheque_container .solution-box-hp
  {
    padding: 3em;
  }
}