body {
	margin:0px;
	padding:0px;
/*	background:url("../img/fond_ecran2.jpg") fixed; 
	background-position:left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;*/
	font-family:"Trebuchet sans ms";
	color:#e0e0e0;
	background:transparent url("../img/transparent.png");
	background:rgb(80,80,80);
	background:rgba(80,80,80,1);

}

/*pour le traitement du fond en jquery */

img.superbg {
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}

h2{
	border-bottom:1px solid #e0e0e0;
	text-align:left;
	margin: 1em 10px 1em 0px;
	font-size:1.2em;
}


#page{
/*	background:rgba(155,77,38,0.75);*/
	position:relative;
	width:auto;
	margin:0px 0px;
/*	box-shadow:5px 5px 7px rgba( 0,0,0,0.6) ; */
}

#banniere{
	position:relative;
	border-bottom:1px solid #494949;
	text-align:center;
	color:#fff;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px  0px 5px;
	box-shadow:0px 5px 7px rgba( 0,0,0,0.6) ;
	z-index=20;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#0080c0) to(transparent)); /*old webkit*/
    background: -webkit-linear-gradient(#0080c0, transparent); /*new webkit*/
    background: -moz-linear-gradient(#0080c0,transparent ); /*gecko*/
    background: -ms-linear-gradient(#0080c0, transparent); /*IE10*/
    background: -o-linear-gradient(#0080c0, transparent); /*opera 11.10+*/
    background: linear-gradient( #0080c0,transparent); /*future CSS3 browsers*/

}

#footer{

	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;

}

#cont_footer{
	background:#494949;
	color:#fff;
	border-radius:0px -5px 7px rgba(0,0,0,0.6);
	position:relative;
	text-align:left;
	width:100%;
	height:30px;
	margin:auto;
	padding-left:10px;
	box-shadow:0px -5px 7px rgba( 0,0,0,0.6) ;

    background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent) to(#0080c0)); /*old webkit*/
    background: -webkit-linear-gradient(transparent, #0080c0); /*new webkit*/
    background: -moz-linear-gradient(transparent, #0080c0); /*gecko*/
    background: -ms-linear-gradient(transparent, #0080c0); /*IE10*/
    background: -o-linear-gradient(transparent, #0080c0); /*opera 11.10+*/
    background: linear-gradient(transparent, #0080c0); /*future CSS3 browsers*/

	border-bottom:1px solid #494949;
}



/*

	Menus

*/

.cliquable {
	cursor:pointer;
}

.fleche {
	cursor:default;
}

#formulaire {
	position:fixed;
	margin-top:0px;
	margin-left:10px;
	padding:0px;
	width:100%;
	z-index:10;
}

#formulaire input[type=submit], #formulaire input[type=button]{
	margin-top:5px;
	border:1px solid #808080;
	background-color:#e0e0e0;
	border-radius: 7px 7px 7px 7px;
	box-shadow:4px 4px 4px rgba(50,50,50,0.6);
	-moz-box-shadow:4px 4px 4px  rgba(50,50,50,0.6);
}

#formulaire input[type=submit]:hover,  #formulaire input[type=button]:hover {
	margin-top:5px;
	border:1px solid #808080;
	border-radius: 7px 7px 7px 7px;
	background-color:#1d2158;
	color:#e0e0e0;
}

#formulaire input[type=text] {
	text-align:center;
}

.table_temps {
	text-align:center;
	padding:0px;
	margin-left:-16px;
	margin-bottom:1em;
}

.table_position {
	text-align:center;
	padding:0px;
	margin-left:-28px;
	margin-bottom:1em;
}

.bouton_plus, .bouton_moins {
	width:12px;
	height:12px;
	text-align:center;
	font-size:0.8em;
	border:1px solid #808080;
	border-radius: 0px 0px 6px 6px;
}
.bouton_plus:hover, .bouton_moins:hover {
	width:12px;
	height:12px;
	text-align:center;
	font-size:0.8em;
	background-color:#1d2158;
	color:#e0e0e0;
	border:1px solid #808080;
	border-radius: 0px 0px 6px 6px;
}

dl  {
	display:block;
	width:160px;
	float:left;
	margin-top:5px;
	margin-right:0.5em;
	text-align:left;
}

li p {
	margin-left:-2em;
	padding:0em;
	width:auto;
}

ul  {
	text-align:left;
}

dt, li, .bouton {
	padding-left:1em;
	text-align:left;
	list-style-type:none;
	background-color:#1d2158;
	border:1px solid #808080;
	opacity:1;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	box-shadow:4px 4px 4px rgba(50,50,50,0.6);
	-moz-box-shadow:4px 4px 4px  rgba(50,50,50,0.6);

}

dd{
	display:none;
	}

dd, ul, li{
	margin:0px;
	padding:0px;

}

li{
	padding-top:0.6em;
	padding-left:2em;
}

li div{
	margin-right:2em;
}

dl:hover dd{
	display:block;
	}



dt:hover, li:hover, .bouton:hover {
	background-color:#e0e0e0;
	color:#494949;
}



#contenu{
	position:relative;
	margin:10px;

}

#sourcecarte {
	display:none;
	float:left;
	cursor:url(zoom-in.cur),auto;
	cursor:url(zoom-in.cur),-moz-Zoom-In ;
}

#ciel2 img {
	border:1px solid gray;
	box-shadow:4px 4px 4px #0f0f0f;
	-moz-box-shadow:4px 4px 4px #0f0f0f;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	z-index:20;
	cursor:default;

}

#ciel2 {
	position:absolute;
	top:0px;
}


#cont_carte {
	position:fixed;
	text-align:center;
	top:30px;
	bottom:30px;
	width:100%;
	display:none;
}
#carte{
	position:absolute;
	top:0px;
	margin:10px;
	margin-bottom:60px;
}
#bouton_carte {
	position:absolute;
	bottom:10px;
	left:20px;
}

.slide69 {
	height:5px;
}
.ui-slider-handle {
	height:12px !important;
	width:12px !important;
}

#imagejupiter {
	position:relative;
	float:left;
	margin-left:30px;
	padding:2em;
/*
	border:1px solid gray;
	box-shadow:4px 4px 4px #0f0f0f;
	-moz-box-shadow:4px 4px 4px #0f0f0f;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
*/
}

.bouton {
	float:left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
}

#infojupiter {
	display:none;
	position:relative;
	float:left;
	margin-left:30px;
	padding:1em;
	border:1px solid gray;
	box-shadow:4px 4px 4px #0f0f0f;
	-moz-box-shadow:4px 4px 4px #0f0f0f;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;

}

#courbejupiter {
	display:none;
	position:relative;
	float:left;
	margin-left:30px;
	padding:0.9em 1em 0.8em 1em;
	border:1px solid gray;
	box-shadow:4px 4px 4px #0f0f0f;
	-moz-box-shadow:4px 4px 4px #0f0f0f;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;

}

#version {
	position:relative;
	margin:0.2em 2em 0 0;
	color:#000099;
	text-align:right;
	float:right;
}