

	html{}
	body{}
	body.blog{}

	::-moz-selection { /* Code for Firefox */
	  color: white;
	  background: black; padding: 2px 0;
	}

	::selection {
	  color: white;
	  background: black;padding: 2px 0;
	}
	.Wrapper{  }
		.Section{ }

	
	 h1, h2, h3, h4, h5, h6{
        }
		h3{ }
		h4{	}
		.blog h2{ }
		.page h2{ } 

	
		@media screen and (max-width: 900px) {
			
		}

	
	strong{ }

	.grey{ }
	.purple{} 
	.blue{ }
	.White{ }

	.ActionButton{}
	.Module.Color{ }



	/* Content
	/**********************************************************************************************************************/
	
	.BackgroundColorOverImage{background-color: rgba(255, 255, 255, 0.5)!important;}

	/* Slider     
	/**********************************************************************************************************************/
	
	#slider-in-laptop {
	  width: 100%;
	  height: 200px;
	 /* padding: 2% 15% 7%;*/
	  background: none;
	}
	#slider-in-laptop .rsOverflow,
	#slider-in-laptop .rsSlide,
	#slider-in-laptop .rsVideoFrameHolder,
	#slider-in-laptop .rsThumbs {
	  background: #151515;
	}
	.imgBg {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: auto;
	}
	#slider-in-laptop .rsBullets {
	  bottom: -25px;
	}
	.laptopBg {
	  position: relative;
	  width: 100%;
	  height: auto;
	}
	#slider-in-laptop .rsBullets {
		bottom: -30px;
	}
	#slider-in-laptop .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 450px!important;}


	/* Primary Menu 
	/**********************************************************************************************************************/
	

	/* Submenu page 
	/**********************************************************************************************************************/
	.SubMenuPage ul.ChildMenu li a{ }


	/* Header 
	/**********************************************************************************************************************/
		


	/* SLider / Banner  ***************************************************************************************************/
	/**********************************************************************************************************************/
	

	/** Menu Lang *********************************************************************************************************/
	/**********************************************************************************************************************/



	/* gallery 
	/**********************************************************************************************************************/
	.gallery img{ height:100%;}
	.GalContainer { height:100%; transition: all .2s ease-out;}
		.GalContainer:hover {transform: scale(1.015);}
	.Gal.Col {height:100%;}
	.Gal{ }
	.Gal .GalHover{ 
		position:absolute;width: 100%; height: 100%; z-index: 100000;
		 opacity: 0; font-size: 6em; width: 100%; height: 100%; 
		-webkit-transition:all .2s ease-out;
		-moz-transition:all .2s ease-out;
		-ms-transition:all .2s ease-out;
		-o-transition:all .2s ease-out;
		transition:all .2s ease-out;
	}
	.Gal i{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
	.Gal img{height: 100%;object-fit: cover; max-width: 17%;transition: all .2s ease-out; margin:0.5%; }
		.Gal img:hover{transform: scale(1.05);}
	.Gal:hover .GalHover{ opacity: 0.7;}
	a.GalHoverButton{ color:#000;}

.Gal .FirstImage img{ max-width: 100%; }

.Gal .FirstImage img:hover{transform: scale(1);}

	.GalArrow{ position:absolute;width: 100%; height: 100%; z-index:10;}
	.GalArrowLeft, .GalArrowRight{ position: absolute; font-size: 3em; color:#fff; opacity: 0.5; font-weight: 100;}
	.GalArrowLeft{position: absolute;top: 50%;left: 7%;transform: translate(-50%, -50%); }
	.GalArrowRight{position: absolute;top: 50%;right: 7%;transform: translate(-50%, -50%); }


	


	
	/* Slider 
	/**********************************************************************************************************************/
	
	
	/* Footer /************************************************************************************************************/
	/**********************************************************************************************************************/
	


	/**********************************************************************************************************************/
	/* Products
	/**********************************************************************************************************************/

	.BannerProduct{ background-image:url("images/bkg-banner.png"); background-color:#000; background-size: cover;color:#fff;}

	.BannerProduct .categorie a,
	.BannerProduct h4.post-title { color:#fff;}


.facetwp-pager{ text-align: center; padding: 55px 0; }
.facetwp-page.active{color: #ff6900;}



	.Related{ margin-top:75px;}
	.Related ul{ margin: 0; display: flex; justify-content: space-between;}
		/*.Module .Related ul li{ max-width:270px; list-style-type: none!important;  border: 1px solid #000;text-align: justify; transition: all .2s ease-out;} */

	.Module .Related ul li {

		max-width:270px; list-style-type: none!important;  border: 1px solid #000;text-align: justify; transition: all .2s ease-out;
	}
	.Module .Related ul li a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%; /* Permet à l'image de s'adapter */
	}
	.Module .Related ul li img {
		max-height: 100%; /* Pour éviter qu'elle ne dépasse */
		object-fit: cover; /* Ajuste l'image pour remplir sans déformation */
	}



	.Module .Related ul li:hover{transform: scale(1.05);}





	



