@charset "utf-8";
/* CSS Document */
/* HHS */
/* Feuille de style - Keyframes sliders - HHP */
/* CSS 4 */
/* Es Laurent */
/* H#HPictures | ESL */
/* Màj CSS 2.0 */
/* Janvier 2016 */
/* Edition H#HSTUDIOS */
/* Tous droits réservés */
/* Copyright © H#HRecords */
/* 2016 */
/*---------------------------------------*/
/* -- DEBUT STYLES -- */
/* slider-webdesign */
@keyframes SlideWebDesign { 
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:-540px;left:0;}
		95%{top:-540px;left:0;}
		99%{top:0;left:0;}
	}
@-webkit-keyframes SlideWebDesign {
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:-540px;left:0;}
		95%{top:-540px;left:0;}
		99%{top:0;left:0;}
	}
@-moz-keyframes SlideWebDesign {
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:-540px;left:0;}
		95%{top:-540px;left:0;}
		99%{top:0;left:0;}
	}
@-o-keyframes SlideWebDesign {
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:-540px;left:0;}
		95%{top:-540px;left:0;}
		99%{top:0;left:0;}
	}				
#slider_webd {width:300px;height:1080px;position:relative;top:0;left:0;animation:SlideWebDesign 10s infinite;-webkit-animation:SlideWebDesign 10s infinite;-moz-animation:SlideWebDesign 10s infinite;-o-animation:SlideWebDesign 10s infinite;}
#wind_webd {width:300px;height:540px;overflow:hidden;position: relative;}

/* slider-banniere */
@keyframes SlideBann { 
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:0;left:-540px;}
		95%{top:0;left:-540px;}
		99%{top:0;left:0;}
	}
@-webkit-keyframes SlideBann {
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:0;left:-540px;}
		95%{top:0;left:-540px;}
		99%{top:0;left:0;}
	}
@-moz-keyframes SlideBann {
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:0;left:-540px;}
		95%{top:0;left:-540px;}
		99%{top:0;left:0;}
	}
@-o-keyframes SlideBann {
		0%{top:0;left:0;}
		45%{top:0;left:0;}
		50%{top:0;left:-540px;}
		95%{top:0;left:-540px;}
		99%{top:0;left:0;}
	}			
#slider_bann {width:1100px;height:200px;position:relative;top:0;left:0;animation:SlideBann 5s infinite;-webkit-animation:SlideBann 5s infinite;-moz-animation:SlideBann 5s infinite;-o-animation:SlideBann 5s infinite;}
#wind_bann {width:540px;height:200px;overflow:hidden;position: relative;}

/* slider-pao */
@keyframes SlidePao { 
		0%{top:0;left:0;}
		9%{top:0;left:0;}
		10%{top:0;left:-300px;}
		19%{top:0;left:-300px;}
		20%{top:0;left:-600px;}
		29%{top:0;left:-600px;}
		30%{top:0;left:-900px;}
		39%{top:0;left:-900px;}
		40%{top:0;left:-1200px;}
		49%{top:0;left:-1200px;}
		50%{top:0;left:-1500px;}
		59%{top:0;left:-1500px;}
		60%{top:0;left:-1800px;}
		69%{top:0;left:-1800px;}
		70%{top:0;left:-2100px;}
		79%{top:0;left:-2100px;}
		80%{top:0;left:-2400px;}
		89%{top:0;left:-2400px;}
		90%{top:0;left:-2700px;}
		99%{top:0;left:0;}
	}
@-webkit-keyframes SlidePao {
		0%{top:0;left:0;}
		9%{top:0;left:0;}
		10%{top:0;left:-300px;}
		19%{top:0;left:-300px;}
		20%{top:0;left:-600px;}
		29%{top:0;left:-600px;}
		30%{top:0;left:-900px;}
		39%{top:0;left:-900px;}
		40%{top:0;left:-1200px;}
		49%{top:0;left:-1200px;}
		50%{top:0;left:-1500px;}
		59%{top:0;left:-1500px;}
		60%{top:0;left:-1800px;}
		69%{top:0;left:-1800px;}
		70%{top:0;left:-2100px;}
		79%{top:0;left:-2100px;}
		80%{top:0;left:-2400px;}
		89%{top:0;left:-2400px;}
		90%{top:0;left:-2700px;}
		99%{top:0;left:0;}
	}
@-moz-keyframes SlidePao {
		0%{top:0;left:0;}
		9%{top:0;left:0;}
		10%{top:0;left:-300px;}
		19%{top:0;left:-300px;}
		20%{top:0;left:-600px;}
		29%{top:0;left:-600px;}
		30%{top:0;left:-900px;}
		39%{top:0;left:-900px;}
		40%{top:0;left:-1200px;}
		49%{top:0;left:-1200px;}
		50%{top:0;left:-1500px;}
		59%{top:0;left:-1500px;}
		60%{top:0;left:-1800px;}
		69%{top:0;left:-1800px;}
		70%{top:0;left:-2100px;}
		79%{top:0;left:-2100px;}
		80%{top:0;left:-2400px;}
		89%{top:0;left:-2400px;}
		90%{top:0;left:-2700px;}
		99%{top:0;left:0;}
	}
@-o-keyframes SlidePao {
		0%{top:0;left:0;}
		9%{top:0;left:0;}
		10%{top:0;left:-300px;}
		19%{top:0;left:-300px;}
		20%{top:0;left:-600px;}
		29%{top:0;left:-600px;}
		30%{top:0;left:-900px;}
		39%{top:0;left:-900px;}
		40%{top:0;left:-1200px;}
		49%{top:0;left:-1200px;}
		50%{top:0;left:-1500px;}
		59%{top:0;left:-1500px;}
		60%{top:0;left:-1800px;}
		69%{top:0;left:-1800px;}
		70%{top:0;left:-2100px;}
		79%{top:0;left:-2100px;}
		80%{top:0;left:-2400px;}
		89%{top:0;left:-2400px;}
		90%{top:0;left:-2700px;}
		99%{top:0;left:0;}
	}			
#slider_pao {width:3000px;height:200px;position:relative;top:0;left:0;animation:SlidePao 25s infinite;-webkit-animation:SlidePao 25s infinite;-moz-animation:SlidePao 25s infinite;-o-animation:SlidePao 25s infinite;}
#wind_pao {width:300px;height:200px;overflow:hidden;position: relative;}

/* slider-logos et jaquettes */
@keyframes SlideLogo { 
		0%{top:0;left:0;}
		8%{top:0;left:0;}
		9%{top:0;left:-200px;}
		17%{top:0;left:-200px;}
		18%{top:0;left:-400px;}
		26%{top:0;left:-400px;}
		27%{top:0;left:-600px;}
		35%{top:0;left:-600px;}
		36%{top:0;left:-800px;}
		44%{top:0;left:-800px;}
		45%{top:0;left:-1000px;}
		53%{top:0;left:-1000px;}
		54%{top:0;left:-1200px;}
		62%{top:0;left:-1200px;}
		63%{top:0;left:-1400px;}
		71%{top:0;left:-1400px;}
		72%{top:0;left:-1600px;}
		80%{top:0;left:-1600px;}
		81%{top:0;left:-1800px;}
		89%{top:0;left:-1800px;}
		90%{top:0;left:-2000px;}
		99%{top:0;left:0;}
	}
@-webkit-keyframes SlideLogo {
		0%{top:0;left:0;}
		8%{top:0;left:0;}
		9%{top:0;left:-200px;}
		17%{top:0;left:-200px;}
		18%{top:0;left:-400px;}
		26%{top:0;left:-400px;}
		27%{top:0;left:-600px;}
		35%{top:0;left:-600px;}
		36%{top:0;left:-800px;}
		44%{top:0;left:-800px;}
		45%{top:0;left:-1000px;}
		53%{top:0;left:-1000px;}
		54%{top:0;left:-1200px;}
		62%{top:0;left:-1200px;}
		63%{top:0;left:-1400px;}
		71%{top:0;left:-1400px;}
		72%{top:0;left:-1600px;}
		80%{top:0;left:-1600px;}
		81%{top:0;left:-1800px;}
		89%{top:0;left:-1800px;}
		90%{top:0;left:-2000px;}
		99%{top:0;left:0;}
	}
@-moz-keyframes SlideLogo {
		0%{top:0;left:0;}
		8%{top:0;left:0;}
		9%{top:0;left:-200px;}
		17%{top:0;left:-200px;}
		18%{top:0;left:-400px;}
		26%{top:0;left:-400px;}
		27%{top:0;left:-600px;}
		35%{top:0;left:-600px;}
		36%{top:0;left:-800px;}
		44%{top:0;left:-800px;}
		45%{top:0;left:-1000px;}
		53%{top:0;left:-1000px;}
		54%{top:0;left:-1200px;}
		62%{top:0;left:-1200px;}
		63%{top:0;left:-1400px;}
		71%{top:0;left:-1400px;}
		72%{top:0;left:-1600px;}
		80%{top:0;left:-1600px;}
		81%{top:0;left:-1800px;}
		89%{top:0;left:-1800px;}
		90%{top:0;left:-2000px;}
		99%{top:0;left:0;}
	}
@-o-keyframes SlideLogo {
		0%{top:0;left:0;}
		8%{top:0;left:0;}
		9%{top:0;left:-200px;}
		17%{top:0;left:-200px;}
		18%{top:0;left:-400px;}
		26%{top:0;left:-400px;}
		27%{top:0;left:-600px;}
		35%{top:0;left:-600px;}
		36%{top:0;left:-800px;}
		44%{top:0;left:-800px;}
		45%{top:0;left:-1000px;}
		53%{top:0;left:-1000px;}
		54%{top:0;left:-1200px;}
		62%{top:0;left:-1200px;}
		63%{top:0;left:-1400px;}
		71%{top:0;left:-1400px;}
		72%{top:0;left:-1600px;}
		80%{top:0;left:-1600px;}
		81%{top:0;left:-1800px;}
		89%{top:0;left:-1800px;}
		90%{top:0;left:-2000px;}
		99%{top:0;left:0;}
	}			
#slider_logo {width:2200px;height:200px;position:relative;top:0;left:0;animation:SlideLogo 25s infinite;-webkit-animation:SlideLogo 25s infinite;-moz-animation:SlideLogo 25s infinite;-o-animation:SlideLogo 25s infinite;}
#wind_logo {width:200px;height:200px;overflow:hidden;position: relative;}