body{
	background-color:#000;
	margin:0;padding:0;
	font-size:62.5%;
	font-family:arial;
	color:#000;
}

a{color:#1C2D58;}
a:hover{color:#5e80d6;}

/*img{position:relative;}*/

#content{width:953px;position:relative;}

#entete{
	height:69px;position:relative;
}

#entete ul{
	margin:0;padding:0;
	list-style:none;
	position:absolute;
	top:50px;left:430px;
}

#entetepop ul{
	margin:0;padding:0;
	list-style:none;
	position:absolute;
	top:15px;left:250px;
}

#entete ul li, #entetepop ul li{float:left;}
#entete ul li.filet, #entetepop ul li.filet{
	background:url(../_img/m_separ_noir.gif) 0 2px no-repeat;
	width:15px;height:20px;
}
#entete ul li a, #entetepop ul li a{color:#FFF;text-decoration:none;font-size:1em;}

#entete ul li a:hover,#entete ul li.done a,#entetepop ul li a:hover{color:#FCD742;}

#logo{position:absolute;top:27px;left:800px;}
#logo a{display:block;width:100%;height:100%;}

#menu{
	background:url(../_img/i_en_tete_02.jpg) no-repeat;
	width:953px;height:169px;
}

#menu span{
	display:none;
}

#contenubleu{background:url(../_img/i_back_bleu.gif) repeat-y;padding-bottom:20px;}
#contenugris{background:url(../_img/i_back_gris.gif) repeat-y;padding-bottom:20px;}
#contenujaune{background:url(../_img/i_back_jaune.gif) repeat-y;padding-bottom:20px;}
#contenuvert{background:url(../_img/i_back_vert.gif) repeat-y;padding-bottom:20px; /*position:relative; border:4px solid #CC0000;*/}
#contenuorange{background:url(../_img/i_back_orange.gif) repeat-y;padding-bottom:20px;}

h1{margin:0 0 30px 0;padding:0; font-size:2.2em;}
h2{
	margin:0;padding:0;
	font-size:1.4em;
}
h3{
	margin:0;padding:0;
	font-size:1.2em;
	font-style:italic;
}

#astronomie{position:absolute;top:192px;left:175px;}
#aventure{position:absolute;top:192px;left:360px;}
#lumiere{position:absolute;top:192px;left:584px;}
#univers{position:absolute;top:192px;left:700px;}
#visions{position:absolute;top:192px;left:815px;}

#astronomie a, #aventure a, #lumiere a, #univers a, #visions a{width:100%;height:100%;	display:block;}
.astronomie a:hover, .aventure a:hover, .lumiere a:hover, .univers a:hover, .visions a:hover{background-image:none;}

#smenulumiere{left:560px;}
#smenuunivers{left:680px;}


.smenu{
	position:absolute;top:212px;
	width:196px;
	background: url(../_img/sm_i_haut.gif) no-repeat;
	z-index:5;
	visibility:hidden;
}

.smenu ul{
	margin:19px 0 0 0;
	padding:0;
	list-style:none;
	background-color:#FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.smenu ul li{
	width:194px;
	background:#FFF url(../_img/sm_i_fleche.gif) 10px -48px no-repeat;
}

.smenu ul li a{
	background:url(../_img/sm_i_fleche.gif) 10px 0 no-repeat;
	padding:2px 0 5px 30px;
	display:block;
	color:#000;
	font-size:1em;
	text-decoration:none;
}
.smenu ul li.done a{background:url(../_img/sm_i_fleche.gif) 10px -48px no-repeat;}
.smenu ul li a:hover{background-image:none;}

.smenu .menubas{
	clear:both;
	background:url(../_img/sm_i_bas.gif) no-repeat;
	width:196px;height:19px;
} 

#bandegrise{position:absolute;top:223px;padding-right:20px;width:933px;}
#bandegrise ul{
	margin:0;padding:0;
	list-style:none;
}
#bandegrise ul li{float:right;height:20px;}
#bandegrise ul li a{
	color:#FFF;
	text-decoration:none;
	font-size:1em;
}
#bandegrise ul li a:hover, #bandegrise ul li.done a{color:#FCD742;}
#bandegrise ul li.filet{background:url(../_img/m_separ_gris.gif) 0 1px no-repeat;height:20px;width:15px;}

#contenutxt, #contenutxt2{
	margin:0 20px 0 220px;
	padding-right:10px;
	/*border:2px solid #5e80d6;*/

}
#contenutxt2{padding-top:30px;}
#contenutxt img,#contenutxt2 img, #contenupop img{border:0;margin:5px;clear:both; z-index:10;}

#contenutxt p,#contenutxt2 p{font-size:1.2em;}
#contenutxt li{font-size:1.2em;padding-bottom:5px;}
p.block{margin-left:30px;margin-right:30px;}

#contenutxt2 ul{
	list-style-type:circle; margin:0 0 0 20px; padding:0;
}

#contenutxt2 ul li{
	font-size:1.2em;
	margin:0 0 5px 0;
}

#contenutxt2 ul li ul li{
	list-style-type: disc;
	font-size:1em;
	margin:5px 0 5px 0;
}


#menucote{
	position:absolute;
	left:80px;top:310px;
}

#menucote ul{
	margin:0;padding:0;
	list-style:none;
}

#menucote ul li{margin-bottom:5px;width:120px;}
#menucote ul li a{color:#FFF;text-decoration:none;font-size:1em;}
#menucote ul li a:hover,#menucote ul li.done a{color:#FCD742;}

#copyrights{margin-top:5px;color:#FFF;font-family:arial;font-size:10px;}
#copyrights a{color:#FFF;font-family:arial;font-size:10px;text-decoration:none;}
#copyrights a:hover{color:#FFFC44;}

#logoastro{position:absolute;margin-left:20px;}
#txtcopy{
	color:#FFF;
	font-size:1em;
	padding-left:220px;
}

/*** popup ***/
body.pop{ background:#1C2D58 url(../_img/popup/i_back.gif) repeat-y;}
body.pop690{ background:#1C2D58 url(../_img/popup/i_back690.gif) repeat-y;}
#contentpop{width:585px;position:relative;}
#contentpop690{width:690px;position:relative;}
#entetepop{	background-color:#000;width:585px;height:35px;}
#entetepop690{	background-color:#000;width:690px;height:35px;}
#logopop{position:absolute;left:460px;top:0;}
#logopop690{position:absolute;left:560px;top:0;}
#imgentete{
	background:url(../_img/popup/i_en_tete.jpg) no-repeat;
	width:585px;height:84px;
}
#imgentete690{
	background:url(../_img/popup/i_en_tete_690.jpg) no-repeat;
	width:690px;height:84px;
}
#contenupop{margin:20px 20px 0 60px;}
#contenupop690{margin:20px 20px 0 40px;}
#contenupop p, #contenupop li{font-size:1.2em;}

.retour{text-align:right;margin-bottom:10px;clear:both;}

#contenupop h1{
	color:#1C2D58;
	font-size:1.8em;
	margin:0;
}
#contenupop h2{
	color:#1C2D58;
	font-size:1.4em;
	font-style:italic;
	margin:0;
}

#contenupop ul{
	margin:0 0 0 10px;padding:0;
	list-style:none;
}

#contenupop ul li{
	background:url(../_img/popup/fleche.gif) 0 5px no-repeat;
	position:relative;
	padding: 0 0 5px 10px;
}

/*** navigation ***/
#nav{
	width:693px;
	margin:10px 0 0 220px;
  clear:both;
}
#navpop{
  margin:20px 0 0 0px;
}

#nav .suivant,#navpop .suivant{float:right;}
#nav .suivant a, #nav .suivant a,#navpop .suivant a, #navpop .suivant a{font-size:1em;}

.explication{
    background:#CCC;
    margin:0 10px;
    padding:10px;
}

.margesup{
	padding-left:12px;
	padding-right:12px;
}

.listePresentation{position:relative; padding:0 0 5px 0;background-color:#efefef; width:680px;border-bottom:4px solid #FFF;}
.listePresentation02{position:relative; padding:0 0 5px 0;background-color:#f8f8f8; width:680px; border-bottom:4px solid #FFF;}
.photoListe{float:left; margin-right:10px;}

h5{
	font-size:1.4em;
	margin:0; padding:25px 0 0 0;
}

h5 a{text-decoration:none;}

p.quote{margin:0; padding:0;}