html {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	text-align:center;
	}

body {
	background-color:black;
	background-image:url('background.jpg');
	background-position:top center;
	background-attachment:fixed;
	
	margin:0px;
	
    -webkit-tap-highlight-color: rgba(255,255,255,0.3);
	}

.content {
	position:relative;
	margin:auto;
	margin-top:40px;
	overflow:hidden;	
	}
	
	@media screen and (max-width: 500px) {
		.content {
			width:320px;
			}
		}
	@media screen and (min-width: 501px) {
		.content {
			width:500px;
			}
		}


.logos {
	width:100%;
}

	.logo_left {
		position:absolute;
		left:50%;
		margin-left:-45%;
	}
	
	.logo_right {
		position:absolute;
		right:50%;
		margin-right:-45%;
		}

.liste_credits {
	position:relative;
	font-size:13px;
}

.disclaimer {
	margin-left:4%;
	margin-right:4%;
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
}

h1 {
	padding-top:80px;
	text-align:center;
	font-size:26px;
	font-weight:normal;
}


h2 {
	font-size:13px;
	padding-top:2em;
	padding-bottom:1em;
	font-weight:normal;
	}

#guide {
	line-height:1.5em;
	letter-spacing:0.1em;
	font-size:0.75em;
	text-align:left;
	z-index:900;
	}

#guide p {
	text-indent:2em;
	padding-bottom:0.6em;
	padding-left:5%;
	padding-right:5%;
	}	

#guide h1 {
	text-align:center;
	font-size:2em;
	line-height:1.2em;
	}
	
#guide h2 {
	font-size:1.5em;
	line-height:1.2em;
	padding-top:1em;
	padding-left:5%;
	padding-bottom:0em;
	}
	
#guide h3 {
	font-size:1.25em;
	font-weight:normal;
	padding-left:5%;
	padding-bottom:0em;
	}
	
.exemple {
	padding-left:5%;
	background:-webkit-gradient(
    	linear,
    	left bottom,
    	right bottom,
    	color-stop(0, rgba(200,200,200,0)),
    	color-stop(1, rgba(200,200,200,0.5))
		);
	font-style:italic;
	margin-bottom:1.5em;
	}