html {
	background-image:url('bg.jpg');
	text-align:center;
}

#cutescene{
	max-width:80%;
	width:1400px;
	list-style-type:none;
	margin :auto;
	padding:0px;
}
#tablescene{
width:100%;
vertical-align:top;
}
#tablesceneboard{
vertical-align:top;
padding:30px;
}
#tablesceneslide{
vertical-align:top;
text-align:center;

margin:30px;
}
#tablesceneslide img{
	max-width:100%;
	max-height:500px;
	margin:auto;
}
#footer > div{
	margin-bottom:15px;
}

.effetarnaud{
	position:absolute;
	bottom:5px;
	left:5px;
	font-size:15px;
	font-style:italic;
}

.arnaudbloc{
	position:relative;
	min-height:300px;
}

.arnaudtxt{
	position:absolute;
	bottom:30%;
	font-size:80px;
	color:red;
	text-align:center;
	left:0px;
	right:0px;
}


.cutetxt{
	position:absolute;
	top:5%;
	font-size:30px;
	color:yellow;
	text-align:center;
	left:0px;
	right:0px;
	font-weight:bold;
	font-size:italic;
}

.slick-dots {
	margin-top:15px;
	padding:0px;
}

.slick-dots li{
	display:inline-block;
}

.slick-dots li button{
	background:pink;
		cursor:pointer;
}

.slick-dots .slick-active button{
	font-weight:bold;
	background:#C861D4;
	
}

section{
	font-size:15px;
	padding:30px 0px;
}

article, .pretty_content {
	background:#FFFFFF;
	border:3px dotted #C861D4;
	margin:25px;
	padding:15px;
	position:relative;
}

input {
	background:pink;
	cursor:pointer;
}

a {
	font-size:17px; 
	font-weight:bold;
	color:blue;
}

.overlay {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:pink;
	z-index:9999;
}

.overlaycontent{
	position:relative;
	top:25px;
	font-size: 35px;
	color:#000000;
}

@media screen and (max-width: 640px) {
	.cutetxt{
		font-size:25px;
		color:pink;
		position:relative !important;
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
		text-align:center !important;
	}
	
	.arnaudtxt{
		font-size:40px;
		position:relative !important;
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
		text-align:center !important;
		word-wrap:break-word;
	}
	
	.effetarnaud{
		position:relative !important;
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
		text-align:center !important;
		word-wrap:break-word;
	}
	
	.arnaudbloc{
		min-height:0px;
	}
}