@font-face {
	font-family: exo-light;
	src: url(../common/fonts/Exo-Light.otf);
}
@font-face {
	font-family: exo-bold;
	src: url(../common/fonts/Exo-Bold.otf);
}  

* {
	margin: 0;
	padding: 0;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none; 
}		

html, body {	
	background: #000; 		
	color:#000;	                 
	font-family:"exo-light";      		
	font-size: 20px;		
	overflow: hidden;
	width: 1920px;
	height:1080px;		
	touch-action:none;		
}		

b {
	font-family: exo-bold;     			
}		

#debug {					
	top:683px;			
	font-size:30px;			
	line-height:37px;
	color:#fff;
	display:block;
	position: absolute;			
	left:0px;			
	font-family: exo-light, arial;     						
	width:1920px;	
	text-align:right;			
}	

#ip {
	position: absolute;			
	top:0px;
	right:0px;
	color:red;
	padding:5px;
}

#sliderAnniv, #sliderBienvenue {
	overflow: hidden;	
	position: absolute;				
	left:0px;
	margin:0px;
	padding:0px;
	background: #000;
	color: #ccc;
	font-family: exo-light, arial;     			
	filter: alpha(opacity=70);
	opacity: 0.7;
	width:1920px;				
}
#sliderAnniv {
	top:0px;
	height: 53px;
}		
#sliderBienvenue {
	bottom:0px;
	height: 40px;
}
#sliderAnniv ul, #sliderBienvenue ul {
	list-style: none;
	position: absolute;
	margin:0 0 0 15px;
	padding:0px;
	left: 0px;
	top: 0px;
	width: 50000px;
	transition: left 1s linear;
	-moz-transition: left 1s linear;
	-o-transition: left 1s linear;
	-webkit-transition: left 1s linear;				
}		
#sliderAnniv li, #sliderBienvenue li {
	float: left;	
	width: 1920px;	
	font-size: 30px;			
	line-height: 53px;	
	text-align: center;	
}
#sliderBienvenue li {
	line-height: 40px;
	font-size: 25px;
}

@-webkit-keyframes slide-animation-1 {		
	0% {left:1920px; opacity:0;}	
	50% {left:0px; opacity:1;}		
	75% {left:0px; opacity:1;}		
	100% {left:-1920px; opacity:0;}				
}							
@-webkit-keyframes slide-animation-2 {		
	0% {left:1920px; opacity:0;}	
	33% {left:0px; opacity:1;}		
	43% {left:0px; opacity:1;}		
	66% {left:-1920px; opacity:1;}	
	76% {left:-1920px; opacity:1;}	
	100% {left:-2560px; opacity:0; }
}					
@-webkit-keyframes slide-animation-3 {		
	0% {left:1920px; opacity:0;}	
	25% {left:0px; opacity:1;}		
	35% {left:0px; opacity:1;}		
	50% {left:-1920px; opacity:1;}	
	60% {left:-1920px; opacity:1;}	
	75% {left:-2560px; opacity:1; }
	85% {left:-2560px; opacity:1; }
	100% {left:-5760px; opacity:0; }
}	
@-webkit-keyframes slide-animation-4 {		
	0% {left:1920px; opacity:0;}	
	20% {left:0px; opacity:1;}	
	30% {left:0px; opacity:1;}					
	40% {left:-1920px; opacity:1;}	
	50% {left:-1920px; opacity:1;}	
	60% {left:-2560px; opacity:1; }
	70% {left:-2560px; opacity:1; }
	80% {left:-5760px; opacity:1; }
	90% {left:-5760px; opacity:1; }
	100% {left:-7680px; opacity:0; }
}
@-webkit-keyframes slide-animation-5 {		
	0% {left:1920px; opacity:0;}	
	16.5% {left:0px; opacity:1;}		
	21.5% {left:0px; opacity:1;}		
	33% {left:-1920px; opacity:1;}	
	38% {left:-1920px; opacity:1;}	
	49.5% {left:-2560px; opacity:1; }
	54.5% {left:-2560px; opacity:1; }
	66% {left:-5760px; opacity:1; }
	71% {left:-5760px; opacity:1; }
	82.5% {left:-7680px; opacity:1; }
	87.5% {left:-7680px; opacity:1; }
	100% {left:-9600px; opacity:0; }
}
@-webkit-keyframes slide-animation-6 {		
	0% {left:1920px; opacity:0;}	
	14% {left:0px; opacity:1;}		
	18% {left:0px; opacity:1;}
	28% {left:-1920px; opacity:1;}	
	32% {left:-1920px; opacity:1;}	
	42% {left:-2560px; opacity:1; }
	46% {left:-2560px; opacity:1; }
	56% {left:-5760px; opacity:1; }
	60% {left:-5760px; opacity:1; }
	70% {left:-7680px; opacity:1; }
	74% {left:-7680px; opacity:1; }
	85% {left:-9600px; opacity:1; }
	89% {left:-9600px; opacity:1; }
	100% {left:-11520px; opacity:0; }
}		
@-webkit-keyframes slide-animation-7 {		
	0% {left:1920px; opacity:0;}			
	12.5% {left:0px; opacity:1;}		
	16.5% {left:0px; opacity:1;}			
	25% {left:-1920px; opacity:1;}	
	29% {left:-1920px; opacity:1;}				
	37.5% {left:-2560px; opacity:1; }
	41.5% {left:-2560px; opacity:1; }			
	50% {left:-5760px; opacity:1; }
	54% {left:-5760px; opacity:1; }			
	62.5% {left:-7680px; opacity:1; }
	66.5% {left:-7680px; opacity:1; }			
	75% {left:-9600px; opacity:1; }
	79% {left:-9600px; opacity:1; }			
	87.5% {left:-11520px; opacity:1; }
	91.5% {left:-11520px; opacity:1; }			
	100% {left:-13440px; opacity:0; }
}