body {
	background:#000000 url(petitNuageDeMagellanHD.jpg) no-repeat center fixed;
	  -webkit-background-size: cover; /* pour Chrome et Safari */
	  -moz-background-size: cover; /* pour Firefox */
	  -o-background-size: cover; /* pour Opera */
	  background-size: cover; /* version standardisée */
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	}
.planete {
	position:absolute; 
	width:26px; 
	height:26px; 
	left: 50%; 
	top: 50%; 
	visibility: visible;	/*hidden;*/
	z-index:11; 
	}
.planete img {
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: 2;	
	}
#p0 {	/*pour un affichage noscript*/
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-400px;
	margin-top:-400px;
	width: 800px;
	height: 800px;
	visibility:visible;
	z-index:198;
	}
#p0 img {
	width: 100%;
	height: 100%;
	}
.verti {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 400px;
	margin:left: -5px;
	margin-top: -200px;
	border-left:gray 1px dashed;
	z-index: 1;
	visibility: hidden;
	}
.hori {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 400px;
	height: 10px;
	margin-left: -200px;
	border-top:gray 1px dashed;
	z-index: 1;
	visibility: hidden;
	}
.compteur {
	position:absolute;
	bottom:5px;
	right:3px;
	width:auto;
	height:10px;
	font-size:10px;
	color:orange;
	}
#contentinfosplanete {
	position:fixed;
	left:0px;
	top:0px;
	width:60px;
	height:20px;
	z-index:199;
	}
.ctinfo {
	position:relative;
	float:left;
	left:0px;
	width:auto;
	height:auto;
	}
.infoplanete {
	position:relative;
	float:left;
	background:#000;
	left:0px;
	width:55px;
	height:50px;
	border-bottom: #333333 1px solid;
	}
.infoplanete2 {
	position:absolute;
	background:#000;
	left:55px;
	top:0px;
	width:0px;	/*150px;*/
	height:50px;
	overflow:hidden;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
	-moz-border-radius: 0 10px 10px 0;
	-o-border-radius:0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	}
.infoplanete3 {
	position:absolute;
	background:#000;
	left:0px;
	top:50px;
	width:250px;	/*250px;*/
	height:250px;
	}
.infoplanete th {
	font-size: 14px;
	color: orange;
	text-align: left;
	border-bottom: #333333 1px solid;
	}
#fondavis {
	position:absolute;
	background:rgba(165,165,165,0.5); 
	width:100%; 
	height:100%;
	left:0px;
	top:0px; 
	visibility:hidden;	/*visible;*/
	z-index:199; 
	}
#avis {
	position:absolute; 
	background:rgba(0,0,0,0.5); 
	width:650px; 
	height:auto; 
	z-index:21; 
	left:50%;
	margin-left:-325px;
	top:50%; 
	margin-top: -230px;
	visibility:hidden;	/*visible;*/
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
/*
		-moz-box-shadow: 0 0 15px #000000;
		-webkit-box-shadow: 0 0  15px #000000;
		-o-box-shadow: 0 0  15px #000000;
		box-shadow: 0 0 30px orange;
*/
	}	

.avanti {
	background:#800000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #C0C0C0;
	padding: 5px;
	margin:0;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.input, .input2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	height:35px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.input2 {  
	font-size: 14px; 
	}
.styl1 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #C0C0C0;
	}
.styl2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	color: #FFFFFF;
	background:#000000;
	}
.styl3 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #3399FF; 
	font-weight: bold;
	}
a {  
	text-decoration: none;
	}
#panoinfoplanete {
	position:absolute;
	left:50%;
	margin-left: -350px;
	top:0px;
	width:700px; 
	height:60px;
	overflow:hidden; 
	z-index:199;
	border-right:gray 1px solid;
	border-bottom:gray 1px solid;
	-moz-border-radius: 0 0 15px 15px;
	-o-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	}
#detailplanete {
	position:relative;
	float: left;
	left:0px;
	top:0px;
	width:auto; 
	height:auto; 
	}
.temps {
	color: gray;
	cursor: pointer;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}
.fondorbite {
	position:absolute;
	background:#000;
	left:0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index: 1001;
	}
.zoomplanete {
	position:absolute;
	width:500px;
	height:500px;
	z-index: 1002;
	}
.zoomplanete img {
	/*width: 100%;
	height: 100%;*/
	} 
.bulle {
	position:absolute;
	background:black;
	width:auto;
	height:auto;
	padding:5px;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 11px;
	color:#fff;
	z-index:10000;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.voix {
	position:relative;
	float:left;
	background:transparent url(hp_v.png) 50% top no-repeat;
	width:19px;
	height:13px;
	}
.voix2 {
	position:relative;
	float:left;
	background:transparent url(hp_r.png) 50% top no-repeat;
	width:19px;
	height:13px;
	}
/****** css provenance systeme-solaire infos planetes *****/
.unnamed1 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #CC0000;}
.unnamed2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF8200;}
.unnamed3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFC400;font-weight: bold;}
.unnamed4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF;}
/***********/
.big {
	position:absolute;
	background:#000000 url(halo.png) 50% 50% no-repeat;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index:1000;
}
#avisnoscript {
	position:absolute;
	left:50%;
	top: 50%;
	margin-left:-100px;
	margin-top:-100px;
	width:200px;
	height:200px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 22px; 
	font-weight: bold; 
	color:#000;
	text-align:center;
	z-index: 200;
	}