html {
	margin: 0 0 0 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	overflow:hidden;
}
body {
	margin: 0 0 0 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	
	height: 100%;
	overflow:hidden;
	/* Essai 1 Fond blanc / Ecriture noire
	font-family: Open Sans, Nunito Sans, Helvetica, sans-serif;
	*/
	font-family: "Lato", Helvetica, Arial, sans-serif;
}

div.conteneur {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

span.blocSpan { 
font-weight: bold;
font-size: 180%;
}

div.blocCode { 
position: absolute;
width: 300px;
height: 60px;
top:0;
bottom:0;
left:0;
right: 0;
margin: auto;
text-align: center;
font-size: 150%;
}

div.blocSynchro { 
display: none;
position: absolute;
width: 300px;
height: 60px;
top:0;
bottom:0;
left:0;
right: 0;
margin: auto;
text-align: center;
font-size: 150%;
}

div.slideList { 
display: none;
}

.slideshowA {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	
	background-image: '';
	background-position: center center;
	
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-o-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);

	width: 100%;
	height: 100%;
}

.slideshowB {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	
	background-image: '';
	background-position: center center;
	
	width: 100%;
	height: 100%;
}

#slideshowSubtitleSpan {
	padding-left: 10px;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

#slideshowSubtitle {
	position: absolute;
    bottom: 0px;
    /* right: 16px; */
    /* font-size: 37px; */
    font-size: 450%;
	/* Essai 1 Fond blanc / Ecriture noire
    color: black;
	*/
    color: white;
	
	left: 0;
    
	width: 100%;
	padding-bottom: 5px;
	/* Essai 1 Fond blanc / Ecriture noire
	background-color: rgba(255, 255, 255, 0.8);
	*/
	background-color: rgba(100, 100, 100, 0.8);
	
	text-align: center;
}

.slideshowSubtitleSpan{
	animation-iteration-count: 2, 2;
	
	 /* Starting position */
	 -moz-transform:translateY(-100%);
	 -webkit-transform:translateY(-100%);	
	 transform:translateY(-100%);
	 /* Apply animation to this element */	
	 -moz-animation: scroll-up 5s cubic-bezier(.17,.84,0,1.0) ;
	 -webkit-animation: scroll-up 5s cubic-bezier(.17,.84,0,1.0) ;
	 animation: scroll-up 5s cubic-bezier(.17,.84,0,1.0) ;
}


.slideshowSubtitleInit{
  display: none;
}



/* Move it (define the animation) */
@-moz-keyframes scroll-up {
 0%   { -moz-transform: translateY(0%); }
 100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes scroll-up {
 0%   { -webkit-transform: translateY(0%); }
 100% { -webkit-transform: translateY(-100%); }
}
@keyframes scroll-up {
 0%   { 
 -moz-transform: translateY(0%); /* Browser bug fix */
 -webkit-transform: translateY(0%); /* Browser bug fix */
 transform: translateY(0%); 		
 }
 100% { 
 -moz-transform: translateY(-100%); /* Browser bug fix */
 -webkit-transform: translateY(-100%); /* Browser bug fix */
 transform: translateY(-100%); 
 }
}