@charset "UTF-8";

html, body {
	margin:0;padding:0;
}
body {
	background-color:#b5e3ff;
}

div.main{
	text-align:left;
	display:block;
	width:948px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
}

div.marge, div.baseline, div.top, div.bottom, div.page{
	position:absolute;
	display:block;
	margin-left:inherit;
	width:948px;
	margin-top:inherit;
}

div.top, div.bottom, div.page{
	background:url(../image/fond.gif);
}

div.marge{
	top:0px;
	background-color:#b5e3ff;
	height:20px;
	z-index:500
}
div.top{
	top:0px;
	padding-top:20px;
	height:155px;
	z-index:100;
}
div.page{
	top:0px;
	padding-top:175px;
	height:477px;
}
div.bottom{
	top:0px;
	padding-top:652px;
	height:20px;
	text-align:right;
}
div.baseline{
	top:0px;
	padding-top:722px;
	height:40px;
	color:#333;
	text-align:center;
	font-size:10px;
}


.pub{
	float:right;

}
.logo{
	color:#00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	letter-spacing:-1px;
}

.ovf{
	overflow:auto;
	/* hors ie mac \*/
	width:100%;
	height:100%;
	/* hors ie mac \*/
}
.content{
	padding:4px;
	text-align:left;
}
.content2{
	padding:10px;
	text-align:left;
}
.rail{
	font-size:10px;
	padding:6px;
	margin-right:4px;
	color:#00aeef;
	text-align:left;
	font-weight:bold;
}
.rail a{
	text-decoration:none;
	color:#00aeef;
}
.rail a:hover{
	text-decoration:underline;
}

.categorie{
	margin-top:4px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom-color:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/*-------------------------------------DIV-----------------------------*/	
div.bleu{
	background:#00aeef;
	margin-right:4px;
	margin-top:4px;
	float:left;
}	
div.clair{
	background-color:#c8eaff;
	margin-right:4px;
	margin-top:4px;
	float:left;
}
div.noir{
	background:#000000;
	margin-right:4px;
	margin-top:4px;
	float:left;
}	
div.blanc{
	background:#fff;
	margin-right:4px;
	margin-top:4px;
	float:left;
}
div.transp{
	margin-right:4px;
	margin-top:4px;
	float:left;
}	
div.bleu2{
	background:#00aeef;
}	
div.clair2{
	background-color:#c8eaff;
}
div.noir2{
	background:#000000;
}	
div.blanc2{
	background:#fff;
}	


/*-------------------------------------SOUS-MENU-----------------------------*/	
.smenu{
	margin-top:4px;
	font-weight:bold;
	color:#fff;
	width:326px;
	padding:4px;
	display:block;
	background-color:#00aeef;
	text-decoration:none;
	text-align:right;
	cursor:pointer;

}
.itw{
	font-weight:bold;
	color:#00aeef;
	padding:0;
	background-color:#fff;
	font-size:10px;
	width:334px;
}

.billetterie{
	margin-top:4px;
	font-weight:bold;
	color:#fff;
	width:330px;
	padding:2px;
	height:56px;
}
.miniTitre{
	font-size:12px;
	font-variant:small-caps;
	text-align:right;
	margin-right:8px;
	color:#fff;
	height:14px;
}

.smenu_ok{
	margin-top:4px;
	font-weight:bold;
	color:#00aeef;
	width:326px;
	padding:4px;
	display:block;
	background-color:#c8eaff;
	text-decoration:none;
	text-align:right;
	cursor:pointer;
}

a.smenu:hover{
	color:#fff;
	background-color:#00aeef;
}



/*******************************************************************************

 Menu1

 *******************************************************************************/
#support{
	overflow:hidden;width:550px; height:68px; position:relative; 
}

#menubar{
	position:absolute;
	left:0px;
	top:0px;
}
#menubarcontent{
	float:left;
}

ul.MenuBarHorizontal
{
	list-style-type: none;
	z-index: 1000;
	margin:0px;
	padding:0px;
	font-size: 12px;
	width:3000px;
}


ul.MenuBarHorizontal li
{
	margin-right:1px;
	margin-top:0px;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	float: left;
	width:170px;
	height:68px;
	z-index: 1010;
}

ul.MenuBarHorizontal li.menu11 .menutop{
	height:48px;
	background:#00aeef;
}

ul.MenuBarHorizontal li.menu11 .menubottom{
	height:48px;
	background:#051922;
	color:#fff;
	font-weight:bold;
	padding:2px 6px;
}

ul.MenuBarHorizontal li.menu12 .menutop{
	height:48px;
	background:#b5e3ff;
}

ul.MenuBarHorizontal li.menu12 .menubottom{
	height:48px;
	background:#fff;
	color:#00aeef;
	font-weight:bold;
	padding:2px 6px;

}


ul.MenuBarHorizontal a{
	padding: 3px 6px 0px 7px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-weight:bold;
}

ul.MenuBarHorizontal li.menu11 a{
	color:#fff;
	cursor: pointer;

}

ul.MenuBarHorizontal li.menu12 a{
	color:#00aeef;
	cursor: pointer;

}



/*******************************************************************************

 Menu2

 *******************************************************************************/
.menu2 ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	left:1px;
	z-index: 1020;
	cursor: default;
	position: absolute;
	display:none;
}


.menu2 ul li
{
	clear:both;
	width:100%;
	border-bottom-color:#fff;
	border-bottom:solid 1px;
	margin-right:1px;
	margin-top:4px;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	float: left;
	width:170px;
	height:68px;
	z-index: 1010;


}

.menu2{ 
	position:relative;
}

.menu2 ul
{
	border: 1px solid #72bdeb;
	color:#fff;
	font-weight:bold;
	background-color:#00aeef;
}

.menu2 a
{
	padding: 2px 6px 2px 7px;
	display: block;
	cursor: pointer;
	background-color: #00aeef;
	text-decoration: none;
	color:#fff;
	font-weight:bold;
}
.menu2 ul li a
{
	width:100%;
	padding-right:0;padding-left:0;
	margin-right:0;margin-left:0;
}
.menu2 ul li
{
	padding-right:0;padding-left:0;
	margin-right:0;margin-left:0;
}

.menu2 a.MenuBarItemSubmenu
{
	background-color:#00aeef;
	color:#fff;
	padding-right:14px;
	border-bottom:1px solid #fff;
	width:280px;
}
.menu2 a.MenuBarItemSubmenu:hover
{
	background-color:#fff;
	color:#00aeef;
}




/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #00aeef;
	}
}


.menu3 a{
	display:block;
	float:right;
	padding:2px 7px;
	font-weight:bold;
	margin:10px 1px 0 0;

}