html, body {
height: 100%
}

body {
background : #D85B05 url(images/bgall.jpg) repeat-x;
margin : 0;
padding : 0;  

}


/* Conteneur
********************************************************/


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

#haut {
	width : 550px;
	height : 268px;
	background-image: url(images/Image6.jpg);
}

#menuhaut{
	position : relative;
	margin : 0;
	width:387px;
	height : 40px;
}

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

#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}


/* Contenu
********************************************************/

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



/* Side
********************************************************/


#side {
float : left ;
width : 230px ;
background : transparent ;  }


#menu { 

margin-top : 40px; 
text-align:left; 
list-style : none; 
font-family : times ;
 font-size : 18px ;

} 

#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 :#CD5B05; 
}

#menu li #active{ 
background :#CD5B05;
}




/* Titres et rubriques
********************************************************/


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

 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 ;  }




/* BACKGROUND des titres : Accueil, xhtml, etc, etc
********************************************************/


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

#liens {background : url(images/liens.jpg) left no-repeat ; }
#photos {background : url(images/photos.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/news.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 : url(images/contact.jpg) left no-repeat ; }
.musique {background : url(images/musique.jpg) left no-repeat ; }
.plan {background : url(images/plan.jpg) left no-repeat ; }
.part{background : url(images/partenaires.jpg) left no-repeat ; }
 


 /* BLOC NOIR
********************************************************/

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

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

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


/* Partenaires
********************************************************/

#partenaires {} 

#partenaires ul {
list-style : none; 
margin : 0 0 0 40px ; 
padding : 0} 


#partenaires li {
margin : 0 ; 
padding : 0;
font-weight : bold ; 
font-size : 0.8em} 

#partenaires li a:hover{
text-decoration : underline ; 
} 

 li.name a{
color : orange; } 

 


/* Footer
********************************************************/ 
 
#footer {
width : 545px ;
clear : both ; 
background : #111111;
text-align : center;
padding : 2px 0 2px 0;
margin : 30px 0 0 30px; 
font-size : 10px ; 
color : #D85B05 ;
height : 30px ;
border-bottom : 20px solid #1F1F1F;
}

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


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

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

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


/* Divers
********************************************************/

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

img {border : none}

a {text-decoration : none ; color : #eee}
a:hover {text-decoration : none ; color : #fff}
html, body {
height: 100%
}

body {
background : #D85B05 url(images/bgall.jpg) repeat-x;
margin : 0;
padding : 0;  

}


/* Conteneur
********************************************************/


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

#haut {
	width : 550px;
	height : 268px;
	background-image: url(images/Image6.jpg);
}

#menuhaut{
	position : relative;
	margin : 0;
	width:387px;
	height : 40px;
}

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

#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}


/* Contenu
********************************************************/

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



/* Side
********************************************************/


#side {
	float : left;
	width : 260px;
	background : transparent;
}


#menu { 

margin-top : 40px; 
text-align:left; 
list-style : none; 
font-family : times ;
 font-size : 18px ;

} 

#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 :#CD5B05; 
}

#menu li #active{ 
background :#CD5B05;
}




/* Titres et rubriques
********************************************************/


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

 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 ;  }




/* BACKGROUND des titres : Accueil, xhtml, etc, etc
********************************************************/


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

#liens {background : url(images/liens.jpg) left no-repeat ; }
#photos {background : url(images/photos.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/news.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 : url(images/contact.jpg) left no-repeat ; }
.musique {background : url(images/musique.jpg) left no-repeat ; }
.plan {background : url(images/plan.jpg) left no-repeat ; }
.part{background : url(images/partenaires.jpg) left no-repeat ; }
 


 /* BLOC NOIR
********************************************************/

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

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

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


/* Partenaires
********************************************************/

#partenaires {} 

#partenaires ul {
list-style : none; 
margin : 0 0 0 40px ; 
padding : 0} 


#partenaires li {
margin : 0 ; 
padding : 0;
font-weight : bold ; 
font-size : 0.8em} 

#partenaires li a:hover{
text-decoration : underline ; 
} 

 li.name a{
color : orange; } 

 


/* Footer
********************************************************/ 
 
#footer {
width : 545px ;
clear : both ; 
background : #111111;
text-align : center;
padding : 2px 0 2px 0;
margin : 30px 0 0 30px; 
font-size : 10px ; 
color : #D85B05 ;
height : 30px ;
border-bottom : 20px solid #1F1F1F;
}

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


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

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

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


/* Divers
********************************************************/

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

img {border : none}

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