html, body {
height: 100%
}

body {
background : #050e1f url(images/fond.jpg) repeat-x;
margin : 0;
padding : 0;  

}





#content  {
background : #333 url(images/bg_content.jpg) repeat-y;
width : 853px ;
height : 100%;
margin : 0 0 0 20px;
padding : 0;
font-size : 0.8em;
font-family : arial; 
color : #FFFFFF; 
 
}html>body #content {height : auto; min-height : 100%}


#contenu {
width : 545px ;
padding : 0 0 10px 28px ;  }


#menu {
	position:absolute;
	margin-top : 40px;
	margin-left: 584px;
	text-align:left;
	list-style : none;
	font-family : times;
	font-size : 18px;
	left: 2px;
	top: 4px;
} 





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

#menu li {margin : 0 ; padding : 0 ; list-style : none;  }


#menu li a{
display : block ; 
text-decoration : none;
color : #B0B0B0;
margin : 3px 0 0 0 ;
text-transform : uppercase; 
line-height : 30px ; 
width : 230px; 
background :#1F1F1F; 
text-indent : 20px ; 

}

#menu li a:hover{
	text-decoration : none;
	color : #B0B0B0;
	background :#050e1f;
	background-color: 050e1f;
}
#menu li #active{ 
    text-decoration : none;
	color : #B0B0B0;
	background :#050e1f;
	background-color: 050e1f;
}


 h1 {
	position : relative;
	height : 34px;
	margin : 0 0 15px 0;
	padding : 0 0 15px 0;
	border-bottom : 1px solid #fff;
	background-image: url(images/syntheseg%C3%A9.jpg);
 }
 
h1 span{
position : absolute ;
top : -5000px ;  }


#accueil {background : url(images/accueil.jpg) left no-repeat ; }
#xhtml {background : url(images/xhtml.jpg) left no-repeat ; }

#liens {background : url(images/lesorbites.jpg) left no-repeat; }
#photos {background : url(images/loisdekepler.jpg) left no-repeat; }
#accessibilite {background : url(images/accessibilite.jpg) left no-repeat ; }
#kits {background : url(images/kitsgraphiques.jpg) left no-repeat ; }
#w3c {background : url(images/w3c.jpg) left no-repeat ; }
#news {background : url(images/historique.jpg) left no-repeat; }
#synthesegé {background : url(images/synthesegé.jpg) left no-repeat; }
#synthesespersos {background : url(images/synthesespersos.jpg) left no-repeat; }
#worms {background : url(images/worms.jpg) left no-repeat; }

.divers {background : url(images/divers.jpg) left no-repeat ; }
.liens {background : url(images/liens.jpg) left no-repeat ; }
.goodies {background : url(images/goodies.jpg) left no-repeat ; }
.contact {
	background-image: url(images/sources.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.musique {background : url(images/biographies.jpg) left no-repeat; }
.plan {background : url(images/plan.jpg) left no-repeat ; }
.part{background : url(images/partenaires.jpg) left no-repeat ; }
 

 h2 {
 position : relative ; 
height : 34px ;  
 margin : 0 0 15px 0 ; 
 padding : 0 0 15px 0;
 border-bottom : 1px solid #fff  }
 
 
 h2 span{
position : absolute ;
top : -5000px ;  }



 h3 {
 position : relative ; 
height : 34px ;  
 margin : 5px 0 0 0 ; 
 padding : 0 0 0 0;  }
 
 
 h3 span{
position : absolute ;
top : -5000px ;  }

 
 
 #footer {
	background : #111111;
	text-align : center;
	padding : 10px 10px 5px 10px;
	margin-top : 30px;
	font-size : 10px;
	color : #333333;
	border-style: dashed;
	border-width: 2px;
}
 

 
#footer a{
color : #050e1f ; 
text-decoration : none ;  
}


#footer a:hover{
text-decoration : underline ;  
}

 
 
  
 #footer p{margin : 0 ; padding : 0 ;   }


 #footer a:hover{ text-decoration : underline }






#content p {margin : 0 10px 10px 0 ;}

p img {
	float : none;
	margin: 10px 0 0 20px;
}

img {border : none}


#haut {
width : 100%; 
height : 150px; 
background : url(images/top.swf); }







#menuhaut{
position : relative ; 
margin : 0 ; 
width:187px;
height : 24px;

}

#menuhaut ul{
	position: absolute;
	margin : 0;
	padding :  0;
	background : url(images/hautmenu.jpg) top left no-repeat;
	list-style : none;
	width:863px;
	height : 24px;
	left: -33px;
	top: 0px;
}

  
#menuhaut li  {
margin: 0 ;
padding: 0 ;
float: left;
list-style : none;}

#menuhaut li a {
display : block ; 
background : transparent ; 
height : 24px;
width : 40px ;

 
}

#menuhaut li a:hover {
background : url(images/hautmenu.jpg) top left no-repeat;
}



#menuhaut li a span {
	position: absolute;
	left: -5000px;
}


#menuhaut a#access_menu {background-position: 0px -24px;}
#menuhaut a#access_contenu {background-position: -40px -24px; width : 70px ;}
#menuhaut a#access_plan {background-position: -110px  -24px;  width : 70px}




#soushaut {
height : 13px ; 
width : 100%; 
background : #111;
margin : 0 0 20px 0; }


  a {text-decoration : none ; color : #eee}
  a:hover {text-decoration : none ; color : #fff}
  
  

.encart {
background : #111111 ;
padding : 20px 10px 10px 10px;
margin: 30px 0 10px 0;  }


.encart p{
background : #111111 ;
padding-left : 130px ; }

.encart img{
float : left ;
 margin-bottom : 10px ;   }



#partenaires{ 
position:absolute; 
margin-top : 250px; 
margin-left: 634px;
text-align:left; 
list-style : none; 
font-family : times ;
 background : transparent ;
 
} 


#partenaires p{ font-size : 11px ; font-weight : bold ; font-family : arial ; 
 
} 

.name {color :RED ; margin : 10px 0 0 0 ; padding :0}
.name a{color :#CE5C06 ; }
.name a:hover {text-decoration : underline ; color : #fff }
.sitename {color : #fff ; margin : 0; padding : 0}
.sitename a:hover {text-decoration : underline ; color :#CE5C06 ;   }