body
{
	background:#000000 url('rideau13.jpg') fixed no-repeat center top;
	text-align:center;
	margin:0;
	padding:0;
}
#container
{
	position:relative;
	width:600px;
	margin:0 auto;
	padding:100px 0px 50px 0px;
	font-size:0.8em;
	font-family:arial, sans serif;
	background-color:#CCCCCC;
	color:#b9b9b9;
	text-align:center;
	background:#8D909B url('lumieres13.jpg');
	background-position:center top;
	color:#000;
	background-repeat:no-repeat;
	line-height:1.5em;
}

span.date	{
font-size:100%;
font-weight:bold;
color:#000000;
}

#header {background:transparent; text-align:center;}

#outer1 {float:left; width:50%; background:transparent; color:#000;padding-left:50px;text-align:left;}
#outer2 {float:left; width:40%; background:transparent;text-align:left;color:#000;}
#outer3 {float:right; width:0%; background:transparent;color:#000;text-align:center;}

#outer1  span	{
color:red;
padding-right:30px;
}

#outer2  span	{
color:red;
padding-right:30px;
}

#wrapper {overflow:hidden; background:transparent;}



h1 {font-size:16px; color:#fff; font-weight:bold; margin-bottom:0px;}
h3 {font-size:16px; margin:0; padding:8px 0; font-weight:bold; color:#fff;}
.content {padding:5px; }
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#000;}
#footer a {color:#000;}
#footer a:hover {text-decoration:none;}


.content a	{
font-weight:bold;
color:blue;
}

form input	{
color:#2B4287;
font-weight:bold;
float:right;
}

form input.hoover{
background:#2B4287;
font-weight:bold;
}



#menu {float:left;text-align:left;padding-left:20px;}
#menu a, #menu a:visited {display:block; width:100%; line-height:20px; text-decoration:none; color:#FF0B05; background:url(images/off.png)  left; background-repeat:no-repeat;}
#menu a span {padding-left:35px;}
#menu a:hover {display:block; width:100%; line-height:20px; cursor:pointer; text-decoration:none; color:#FFF; background:url(images/on.png) left; background-repeat:no-repeat;}
#header	{padding-top:10px;
}

#titre	{
padding-top:70px;
}

#menu2
{
	position:relative;

}
#book { 

  background-image: url(seats13.png);
  background-repeat:no-repeat;
  background-position:center;
  position:relative ;
  bottom:0;
  height:220px;
  }

 #menu2 a {
  position: absolute;
  height: 100px;
  width: 164px;
  top: 0px; 
  text-decoration: none;
  }

#menu2 a i { visibility: hidden; }

#extraDiv2
{
	position:fixed !important;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:135px;
	background:url('lumieres12.png') no-repeat 50% 100%;
	z-index:3;
}

 p.intro{
 text-align:left;
}
#titre	{
padding-top:30px;
padding-bottom:10px;
}
#extraDiv3
{
	position:fixed !important;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	height:5% !important;
	height:60px;
	min-height:60px;

}
#footer  a	{
font-weight:bold;
color:blue;
}
#footer p
{
	font-size:80%;
	background:#fff;
	margin:0px;
}

h4	{
margin-bottom:10px;
margin-top:10px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#outerContainer {background:transparent; width:100%; height:30px; margin-top:10px;}

#nav, 
#nav ul {padding:0; margin:0; list-style:none; font: 11px arial, verdana, sans-serif; background:url(transparent.gif); position:relative;}
#nav {height:30px; float:left; padding:0; background:transparent; position:relative; }

#nav table {border-collapse:collapse;}
#nav li {float:left;background:#000;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#fff; height:30px; padding:0 20px 0 10px; line-height:30px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li li a {height:25px; line-height:25px; float:none;}

#nav li:hover {position:relative; z-index:100; background:#214AC3 url(transparent.gif);}
#nav a:hover {position:relative; z-index:100; color:#fc0; border:0;}
#nav li:hover > a {color:#fc0;}

#nav :hover  ul {left:0; top:30px; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {color:#fc0;}

#nav li a:hover ul li a:hover {color:#fc0;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}