html {
	height: 100%;
}

body {
	background-color : #000020; color : #85809c;
	background: url('images/fond.png');
	height: 100%;
	margin: 0;
	padding:0;
}

p {
	text-align: justify;
	padding-right: 10px;
}

img {
	border: 0px;
}
.banner li {
	display: inline;
}
.banner li img {
	border-bottom-width : 0; border-left-width : 0; border-right-width : 0; border-top-width : 0;
}
.banner {
background-color : #ffffff; list-style-type : none;
}

.banner_haut {
 top: 0px;
  background-color: #000020; 
 background: url('images/fond_barre.png');
 margin:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:40px;
 width:100%;
 list-style-type : none;
 border-bottom: 2px solid #5050f0;
}
.banner_haut li {
	display: inline-block;
}
.contenu {
margin-top:110px;
padding:0px;
}

.element {
border: 1px dashed #004080;
padding-top: 10px;
margin-left: 10px;
margin-right: 10px;
background: #001030;
}
.element .title {
width: 100%;

background: #106080;
}

/* Links */

.discret:visited,.discret {
text-decoration:none ; 
color: #A090A0;
}

a,a:visited {
text-decoration: none;
color : #05a0ac;

}

.discret:hover,a:hover {
color : #f5000c;
}

.element .contenu {
	margin-left: 10px;
	border: 0px;
}

.licences {
	font-size: smaller;
}
.bjonnh {
	font-size: xx-large;
}
.info {
	visibility: hidden;
	display: none;
}

.new {
	background-color: #FFFF00;
	color: #FF0000;
	font-weight: bold;
}

.fav {
	background-color: #FFFF00;
	color: #00FF00;
	font-weight: bold;
}

.menu_index li {
	display: inline;
	height: 118px;
	margin-left: 10px;
	margin-right: 10px;
}


.menu_index { 
	display: inline;
	height: 118px;
	margin-left: 20px;
	margin-right:0px;
	margin-bottom: 10px;
}
.menu_index li span {
	clear: both;
}
#text,#science,#compu,#musique,#infos {
	background-position: center;
	height: 32px;
	padding-top: 64px;
}


#text span {
}

#text {
	background: url('images/text_.png') no-repeat;
}
#science {
	background: url('images/science_.png') no-repeat;
}

#compu {
	background: url('images/compu_.png') no-repeat;
}

#musique {
	background: url('images/musique_.png') no-repeat;
}

#infos {
	background: url('images/infos_.png') no-repeat;
}
#text:hover,#science:hover,#compu:hover,#musique:hover,#infos:hover {
	background-position: center;
}


#text:hover {
	background: url('images/text.png') no-repeat;
}

#science:hover {
	background: url('images/science.png') no-repeat;
}

#compu:hover {
	background: url('images/compu.png') no-repeat;
}

#musique:hover {
	background: url('images/musique.png') no-repeat;
}

#infos:hover {
	background: url('images/infos.png') no-repeat;
}