html, body{
	width:100%;
	height:100%;
}
body{
	background:#111;
	color:#fff;
	font:80%/120% "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	margin:0;
	padding:0
}
a{color:#fff;padding:1em;}
a:hover{color:#888;}


#container{
	position:relative;
	width:1000px;
	margin:5px auto;
	text-align:left;
}

	  /* rendons notre barre de nav un peu plus belle*/
	  #barre_navigation { 
		width : 200px;
	    padding-top:3px;
	    margin : 0;
	    float : left ;
		display: block;
	  }
	  
	  #barre_navigation h4{
	  	padding: 4px 10px ;
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		color: #FFF;
		background: #333;
		cursor: pointer;    
		margin : 0 0 1px 0 ;
	  }
	  

	  #barre_navigation h4:hover{
		background: #555;
	  }	  
	  

	   
	   
	  #barre_navigation a{
	  	text-decoration : none;
	  }
	  
	  
	  #barre_navigation ul{ 
	    background-color: black;
	  	padding: 5px;
		margin:0;
		font-size: 11px;
		color: #FFF;
	    
	  }
	  
	  #barre_navigation ul li{
	  	list-style-type : none;
	  	padding : 5px 0 5px 0;
	  	margin : 0;
	  }
	  
	  #barre_navigation ul li a {
	    text-decoration: none;
	    color: #FFF;
	  }
	  
		
	  #barre_navigation ul li a:hover {
	    text-decoration: none;
	    color: #F0F;
		

		
	  }


#demo {
	position:absolute;
	left:205px;
	top:65px;
	width:792px;
	height:500px;
	text-align:left;
	border:1px solid #555;
}

.opened {
	   color: yellow;
	}

#title {
height:60px;
background-image: url(cyclomonde.jpg);
}

#bottom {
padding:2px;
text-align:center;
height:20px;
color:#FFF;
border-top:1px solid #555;
border-bottom:1px solid #555;

}

#bottom:hover {
text-decoration: none;
background-color:#222;
}

#bottom a{
	text-decoration: none;
	font-size: 0.9em;
	font-weight: normal;
}

#bottom a:hover {
text-decoration: none;
color:yellow;
font-weight: bold;
}


#bottom a:focus, #bottom a:visited 
{
   text-decoration: none;
   color:blue;
}

#logo {
margin:0 auto;
text-align:center;
margin-top:5px;
margin-bottom:5px;
background-repeat: no-repeat;
}

#logo img{
border:none;
}

#nbphotosdisp {
	font-weight: bold;
	font-size:0.68em;
	text-transform: uppercase;
	margin:1px;
	padding:1px;
}

#nbphotosdisp a{
	font-weight: normal;
	font-size:1.2em;
	margin:1px;
	padding:1px;
	border:1px solid #FFF;
}

#nbphotosdisp a:hover {
	color:black;
	background-color:white;
	margin:1px;
	padding:1px;
	border:1px solid #FFF;
}

#nbphotosdisp a:focus, #nbphotosdisp a:visited {
	color:white;
	background-color:black;
}

#nbphotosdisp a.on {
	color:black;
	background-color:white;
	margin:1px;
	padding:1px;
	border:1px solid #FFF;
}

table tr td{
 vertical-align:middle;
 font-size:0.8em;
}