/* --- Globales --- */
html {
	width:100%;
	min-height:100%;
}
body {
	width:100%;
	min-height:100%;
}
.container-fluid {
	min-height:100%;
	padding:0;
}
strong {
	letter-spacing:0.15em;
}
h1, h2 {
	text-align:center;
}

.helper {
	text-decoration:underline;
}


.sample {
	max-width:30%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sample2 {
	max-width:30%;
	display: inline-block;
}

.center {
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* ------ Special sections ------ */
section + section {
	margin-top:4vh;
}
section {
	padding-bottom:4vh;
	max-width:768px;
	margin:auto;
}

/* - Nav bar */
nav {
	width:100%;
	height:7vh;
	background:rgba(0,161,255,0.7);
}
nav ul {
	text-align:center;
	margin:auto;
	height:100%;
}
nav li {
	display:inline-block;
	width:20vw;
	height:100%;
	text-align:center;
	margin:auto;
	padding-top:1.25vh;
	background:rgba(0,161,255,0.2);
}
nav li a {
	display:inline-block;
	height:100%;
	width:100%;
	color:rgb(255,255,255);
}
nav li a:hover { 
	color:rgb(255,255,255);
}
nav li:hover {
	background:rgba(0,161,255,0.95);
}
nav li a:hover {
	text-decoration:none;
}

/* - Accueil */
#Accueil {
	max-width:100%;
	height:93vh;
	padding:30px;
	background:rgba(180,180,200,0.25);
}
#Accueil blockquote {
	text-align:center;
	color:rgb(255,255,255);
	max-width:60vw;
	padding:50px;
	margin:50px auto;
	letter-spacing:0.3em;
	font-style:italic;
	border-radius:20px;
	background:rgba(0,161,255,0.75);
}

#DownloadLinks {
	float:right;
	height:20%;
}
#DownloadLinks img {
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:100%;
}
@media screen and (min-width: 512px) and (min-height: 512px) {
    #DownloadLinks img {
        display:block;
    }
}

#PlayLinks {
	float:right;
	height:100%;
}

#Links {
	border-radius:20px;
	background:rgba(40,40,40,0.5);
	padding:20px;
}
#Links h3 {
	color:rgb(190,190,195);
}
#Links ul {
	list-style-type:none;
}


#AccueilParentBackground {
	width:100%;
	height:100vh; /* #Accueil.height + nav.height */
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	z-index:-1;
}
#AccueilChildBackground {
	width:100%;
	height:100%;
	background-image: url("../Resources/Tokyo.jpg"); 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
}

/* - Nouveautés */
#News {
	
}
.BubbleNew+.BubbleNew {
	margin-top:30px;
}
.BubbleNew {
	border:1px dotted rgb(150,150,155);
	padding:10px 30px;
	text-align:justify;
}
.BubbleNew .NewDate {
	color:rgb(30,30,140);
	margin-left:-10px;
}


/* - Jeu - */
#Application {
	text-align:justify;
}
#Application h3 {
	margin-bottom:15px;
}
#Application p {
	text-indent:25px;
}
#Application p + h3 {
	margin-top:42px;
}


/* - Contact - */
#Contact h1 {
	margin-bottom:45px;
}


/* - Pied de page */
footer {
	margin:auto;
	margin-top:10vh;
	padding:15px;
	text-align:center;
	color:rgb(0,0,0);
	/*border-top:5px dashed rgb(30,120,60);*/
	background:rgb(220,220,220);
}