#score
{
	text-align: center;
	font-size:50px;
	background-color:#EEE;
}

#flyer {
	position: relative;
	width: 600px;
	height: 400px; /* adapte à tes images */
	overflow: hidden;
	margin:20px auto;
}

.img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.5s ease;
}

/* état initial */
.img.current {
	transform: translateX(0);
	z-index: 2;
}

.img.next {
	transform: translateX(100%);
	z-index: 1;
}

/* animation */
.slide-out {
	transform: translateX(-100%);
}

.slide-in {
	transform: translateX(0);
}

#buttonBar
{
	text-align:center;
}

.btn
{
	display:inline-block;
	background-color:#ddd;
	text-align:center;
	font-size:20px;
	padding: 20px;
	margin:20px 5px;
	cursor:pointer;
	line-height: 20px;
}

btn .span
{
	font-size:14px;
}

.right
{
	color:#fff;
	background-color:#0a0;
}

.wrong
{
	color:#fff;
	background-color:#c00;
}

#certifDiv, #certifDiv p
{
	text-align:center;
}

#scoreBarBg
{
	display:block;
	width:100%;
	height:10px;
	padding:2px;
	margin:4px 0;
	background-color:#CCC;
}

#scoreBar
{
	display:block;
	width:50%;
	height:6px;
	padding:2px;
	background-color:#0A0;
}