html, body {
    height:100%;
    font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	margin:0;
	padding:0;
	min-width: 800px;
	background-color:black;
}
/* partie droite */
#dashboardhaut{
	position:fixed;
	padding:0;
	margin:0;
	top:50px;
	left:117px;
	/*min-width:800px;*/
}
#dashboardhaut h1{
	font-size:1.000em;
	font-weight:700;
	margin:0;
	padding:0;

}
#dashboardhaut p{
	font-size:0.880em;
	line-height:15px;
	margin:0 0 0 0;
	padding:0;

}
.dashboardseparation{
	font-size:1.000em;
	font-weight:400;
}
.orangefont{
	color:#ffc673;
	background-color: black;
	padding:0 5px 0 5px;
}
.bluefont{
	color:#00ffec;
	background-color: black;
	padding:0 5px 0 5px;
}
.violetfont{
	color:#7777fc;
	background-color: black;
	padding:0 5px 0 5px;
}
.yellowfont{
	color:#ffff00;
	background-color: black;
	padding:0 5px 0 5px;
	
}
.greyfont{
	color:#bfcad8;
	background-color: black;
	padding:0 5px 0 5px;
}

#logomain{
	padding:0;
	margin:30px 0 40px 20px;
	float:left;
	position:fixed;
	width:77px;
	height: 60px;
	cursor: pointer;
}
.indice{
	font-size:0.880em;
	line-height:12px;
	vertical-align: super;
}
.orange {
    background: #ffc673;
    border: 0;
	color:#ffff00;
	
}
.blue {
    background: #00ffec;
    border: 0;
	color:#2c0559;
}
.violet {
    background: #7777fc;
    border: 0;
	color:#ffff00;
}
.yellow {
    background: #ffff00;
    border: 0;
	color:#7777fc;
}
/* full */
#full, #menu, #local, #place, #disttot {
	cursor:pointer;
	font-size:0.880em;
	-moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#about{
	position: absolute;
	width: 100%;
	min-height: 100%;
	display: none;
	background-color:rgba(0,0,0,0.8);
    border: 0;
	color:#bfcad8;
	margin: 0;
	padding: 30px 0 0 0;
	cursor: pointer;
	-moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#about h1{
	width: 50%;
	margin:auto;
	font-weight: 700;
	padding: 0 25% 30px 25%;
	font-size: 3em;
	line-height: 1em;
	color:#ffff00;
	text-transform: uppercase;

}
#about h2{
	width: 50%;
	margin:auto;
	font-weight: 700;
	padding: 0 0 30px 0;
	font-size: 5em;
	line-height: 1em;

}
#about p{
	font-weight: 700;
	width: 50%;
	margin:auto;
	padding: 0 0 0 0;
	font-size: 2em;
	text-align: justify;
}
#intro{
	width: 100%;
	margin:auto;
	padding:0 0 0 0;
	-moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#intro p{
	font-weight: 700;
	width: 30%;
	margin:auto;
	padding: 0 0 0 0;
	font-size: 5em;
	line-height: 1em;
	text-align: left;
	text-transform: uppercase;
}
/* frames */
iframe{
	border:0;
	margin:0 0 0 0;
	padding:0;
	background-color:black;
}
.dropzone{
	position:fixed;
}
/* menu */
#lemenu{
	position:fixed;
	padding:5px;
	margin:5px 0 0 0;
	font-size:0.880em;
	-moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
		top:80px;
	left:112px;
}
#lemenu p{
	display:none;
	padding:0 5px 0 5px;
	margin:0;
	font-size:0.880em;
	line-height:14px;
	cursor:pointer;
}
#insidesplash{
	margin:0;
	padding:0;
	width:400px;
	height:200px;
}
#insidesplash p{
	text-align:center;
	font-size:1.125em;
}
@media only screen and (orientation: landscape) {
 #splashscreen{
	position:fixed;
	z-index:999;
	background-color:black;
	margin:0;
	padding:0;
	display:none;
}
}
@media only screen and (orientation: portrait) {
 #splashscreen{
	position:fixed;
	z-index:999;
	background-color:black;
	margin:0;
	padding:0;
	display:block;
}
}
#journal p{
	margin-bottom: 40px;
	font-weight: 400;
}
/* splash screen*/
#logomenu{
	position: fixed;
	right: 15px;
	top: 15px;
	z-index: 777;
	cursor: pointer;
}
hr{
	color: #ffff00;
	width: 50%;
	padding: 0 0 0 0;
	margin: 60px auto 60px auto;
	opacity: 1;
}