body { background:#000;}

.navigation { 
margin:0 ;
position: absolute;
	top: 100px;
	left: 900px;
	width: 200px;
        height : 400px; 
	padding-left : 0px;
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size:1em;
font-variant:small-caps;
font-weight:bold;
list-style:none;
background:#000;
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
background-image:url(images/barre.jpg);
color:#000000;
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
background-image:url(images/barre.jpg);
color:#000000;
      } 
   .navigation .open a, .navigation .open span { 
background-image:url(images/barre.jpg);
color:#000000;
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
text-decoration: none;
color:#000000;
border-bottom:8px solid #000000;
background-image:url(images/barre.jpg);
      } 
   .navigation .subMenu { 
      font-size: .8em; 
background-image:url(images/barre.jpg);
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
list-style:none;
color:#000000;
      } 
   .navigation ul.subMenu a { 
background-image:url(images/barre.jpg);
      padding: 3px 20px; 
color:#000000;
      }

.main
{
	position: absolute;
        top: 30px;
	left:100px;
	width : 800px;
background: #000;
}

.rideau
{
position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
        height : 910px; 
	padding-left : 0px;
background-image:url(images/rideau1.jpg);
}