body, html {
height: 100%;
margin: 0;
padding: 0;
background : #000;
font-size : 0.9em;
font-family : arial; 
color : #FFF; 
}

html { overflow: auto; } 

body { overflow: auto; } 

/*  MENU
********************************************************************/

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

#menu li { }


#menu li a{
display : block ; 
text-decoration : none;
color : #fff;
margin : 1px 0 0 0 ;
text-transform : uppercase; 
line-height : 30px ; 
border-bottom : 1px solid #fff;
width : 150px; 
}







#menu li a:hover{
text-decoration : none;
 color : #CCC;
}

ul[id=menu] {
position: fixed !important;
}

html > body {
overflow: visible !important;
}

/*  MAIN
********************************************************************/

#main {
margin : 0 0 0 30px; 
width:560px;
background :#000; 
height : 100%;
border-left : 1px solid #1F1F1F;
border-right : 1px solid #1F1F1F;}
html>body #content {height : auto; min-height : 100%;  }


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

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

img {
border : none
}

/*  HEADER
********************************************************************/

#header {
width : 100%; 
height : 260px ; 
background : url(images/top.jpg) ;
}

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

/*  SITE
********************************************************************/

#menu-rapide {
 margin : 0 0 0 30px; 
width:560px;
height : 30px;
}

#menu-rapide ul {
 margin : 0 0 0 5px; 
padding : 10px 0 0 0 ;  
float : left ; 
list-style : none;
}

#menu-rapide li  {
margin: 0  0 0 -1px;
padding: 0  5px 0 5px;
text-align: center;
float: left;
border-left : 1px solid #fff
}

#menu-rapide li a {
color : #FFF ;
}

#menu-rapide li:first-child {
border:0;
}

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

/*  TITRES ET PARAGRAPHES
********************************************************************/

h1 {
margin : 20px 20px 7px 20px; 
border-bottom : 1px dotted #000 ;
text-align: center; 
line-height : 30px ; 
padding-bottom : 20px ; 
font-size : 1.5em; 
color : #515151;  
}
 
h1 span{
font-size : 0.6em ; 
text-align: center;
font-style : italic ; text-transform : none }
 
h2 {
font-family : times ; 
color : #0066FF;
text-align: center;
margin : 30px 10px 15px 10px ; 
padding : 0 0 10px 0;
font-size : 2em;
border-bottom : 1px solid #fff ; 
text-transform : uppercase ;  }
 
/*  Pied de page
********************************************************************/ 
 
#footer {
height : 60px ; 
background : #111111;
text-align : center;
padding-top : 10px ;
margin-top : 30px;
}
 
#footer a {}

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

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

/*  ENCART
********************************************************************/ 

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

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

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

/*  Photo
********************************************************************/ 

div#galerie 
{
	width: auto ;
	background : #000;
    border: 1px solid #dcb ;   
	padding: 15px ; 
    margin: 15px 30 px ; 
    text-align: center ; 
    font: 0.9em Georgia, serif ;
}  

ul#galerie_mini
 {    
	margin: 10px ;
	padding: 10px ;
	list-style-type: none ;
}  

ul#galerie_mini li
 {
	float:center ;
}  

ul#galerie_mini li a img
 {
	margin: 2px 1px ;
	border: 1px solid #dcb ;
} 

 dl#photo 
 {     
	clear: both ;
	margin: 0 auto ;
}  

dl#photo dt 
{     
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
} 

dl#photo dd 
{     
	margin: 0 ;
} 

dl#photo img 
{
     border: 1px solid #dcb ;
}