@charset "UTF-8";
/* CSS Document */

#slider, #innerSlider{ display:block; position:relative; width:100%; height:550px; background-color:#666; overflow:hidden; }
.visuelSlider{ display:block; position:absolute; width:100%; height:100%; z-index:5; }
.loaderSlider{ display:block; position:absolute; width:65px; height:65px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:url(/../images/svg/loaderLoisel.svg) top left no-repeat; background-position:center; background-size:cover; }
.fondSlider{ position:absolute; width:100%; height:100%; opacity:0; }
.texteSlider{ display:block; position:absolute; top:55%; width:100%; padding:0 10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; color:white; z-index:10; text-shadow:1px 1px 2px black; }
.conteneurFourchetteSlider{ margin:0 0 20px 0; opacity:0; } 
.conteneurFourchetteSlider i{ margin:0 10px 0 0; }
.conteneurFourchetteSlider i:last-child{ margin:0; }
.conteneurFourchetteSlider i:nth-child(1), .conteneurFourchette i:nth-child(5){ font-size:10px; } 
.conteneurFourchetteSlider i:nth-child(2), .conteneurFourchette i:nth-child(4){ font-size:16px; }
.conteneurFourchetteSlider i:nth-child(3){ font-size:24px; }
.texteSlider h3{ font-family: 'Great Vibes', cursive; font-size:60px; line-height:0.8em; margin:10px 0; opacity:0; }
.texteSlider p{ margin:10px 0; font-family: 'Lora', serif; text-transform:uppercase; font-size:16px; line-height:1.4em; opacity:0; }
.ligneSlider{ display:block; width:150px; height:2px; margin:10px auto; background-color:white; box-shadow:1px 1px 2px black; opacity:0; }
/* menu spéciaux */
#menuSpeciaux{ display:none; position:absolute; top:80px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:100; width:90%; height:auto; }
#menuSpeciaux img{ display:block; width:100%; height:100%; object-fit:contain; }
/* logosSlider */
#logosSlider{ display:inline-block; position:absolute; left:10px; bottom:10px; z-index:50; }
#logosSlider a{ display:inline-block; width:70px; height:70px; margin:0 10px 0 0; background-color:white; }
#logosSlider a:last-child{ margin:0; }
#logosSlider a img{ display:block; width:100%; height:100%; object-fit:contain; } 

/* /////////////////////////////// */
/*             > 768px             */
/* /////////////////////////////// */
@media only screen and (min-width:768px){
	#slider, #innerSlider{ height:800px; }
	.texteSlider{ padding:0 20px; }
	.texteSlider h3{ font-size:70px; margin:20px 0; }
	.texteSlider p{ font-size:20px; margin:20px 0; }
	.ligneSlider{ width:200px; box-shadow:1px 1px 2px black; }	
	#menuSpeciaux{ bottom:10px; left:auto; top:auto; transform:none; -webkit-transform:none; right:7px; width:310px; }
}

/* /////////////////////////////// */
/*            > 1024px             */
/* /////////////////////////////// */
@media only screen and (min-width:1024px){
	#slider, #innerSlider{ height:100%; }
	.texteSlider{ padding:0 30px; }	
	.texteSlider h3{ font-size:90px; margin:30px 0; }
	.texteSlider p{ font-size:24px; margin:30px 0; }
	#menuSpeciaux{ width:340px; }
}

/* /////////////////////////////// */
/*            > 1300px             */
/* /////////////////////////////// */
@media only screen and (min-width:1300px){
	.texteSlider{ top:50%; }
	#menuSpeciaux{ width:400px; }
		
}

/* /////////////////////////////// */
/*            IMPRESSION           */
/* /////////////////////////////// */
@media only print{
	#slider{ display:none; }
}