@import "reset.css";
@import "jScrollPane.css";
@import "nyroModal.css";

html, body {
	height:100%;
}
body{
	background:#ADADAD url(../images/background.jpg) repeat-x top left;
	font-family:Arial;
	font-size:10px;
}
object{
	display:block;
}

#global, #flash{
	width:100%;
	height:100%;
}

#shim {
	float:left;
	margin-top:-320px;
	width:100%;
	height:50%;

	visibility: hidden;
}
#page{
	clear:both;
	top:-320px;
	height:640px;
	background:url(../images/fenetre.jpg) no-repeat center bottom;
}

#main{
	position:relative;
	margin:auto;
	padding:10px 15px;
	width:960px;
	height:620px;
	background:url(../images/fenetre.jpg) no-repeat center bottom;
}
#main .header .billet{
	float:right;
}
#main .logo{
	position:absolute;
	left:50px;
	top:75px;
	z-index:10;
}
#main .content .map{
	margin:19px 0 0 0;
	position:relative;
}
#main .content .intro{
	position:absolute;
	z-index:30;
	top:75px;
	left:220px;
}
#main .content .intro div{
	width:392px;
	height:197px;
	padding:160px 20px 40px 100px;
	background:url(../images/background-intro.png) no-repeat top left;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background-intro.png',sizingMethod='scale');  _background-image:none;
	text-align:center;
}
#main .content .intro p{
	color:#000000;
	margin:20px 0 0 0;
}
#main .content .intro .first{
	font-size:16px;
}
#main .content .intro .second{
	font-size:24px;
}
#main .content .intro .parti{
	width:135px;
	height:64px;
	background:url(../images/parti.png) no-repeat center center;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/parti.png',sizingMethod='scale');  _background-image:none;
	overflow:hidden;
	text-indent:-200px;
	display:block;
	margin:10px auto;
	position:relative;
	cursor:pointer;
}

#main .content .popin{
	position:absolute;
	background:#FFFFFF;
	padding:10px;
	font-size:15px;
	z-index:40;
}
#main .content .popin .close{
	text-align:right;
}
#main .content .popin p{
	padding:0 0 5px 0;
}
#main .content .popin a{
	color: #9C1416;
	text-decoration:none;
}
#main .content .popin a:hover{
	text-decoration:underline;
}
#main .content .popin p.last{
	padding:0;
}
#main .content .popin .text texte{
	display:block;
}

#main .content .large{
	top:75px;
	left:155px;
	width:750px;
	height:430px;
	padding:10px;
}
#main .content .large .text{
	float:left;
	width:455px;
}
#main .content .large h1{
	font-size:20px;
	color:#0d4368;
	padding:0 0 15px 0;
}
#main .content .large h2{
	font-size:16px;
	color:#000000;
	padding:0 0 20px 0;
}
#main .content .large h3{
	font-size:15px;
	color:#9c1416;
	padding:10px 0 5px 0;
}
#main .content .large .scroll{
	height:325px;
	width:455px;
	overflow:auto;
}
#main .content .large .menu {
	margin:0 0 0 485px;
	padding:0 0 0 30px;
	border-left:1px solid #7E1823;
}
#main .content .large .menu ul{
	padding:10px 0 0 0;
}
#main .content .large .menu li {
	list-style-type:disc;
	padding:0 0 10px 0;
	color:#7E1823;
}
#main .content .large .menu li.active {
	color:#000000;
}
#main .content .large .menu li a{
	text-decoration:none;
	color:#7E1823;
}
#main .content .large .menu li.active a{
	color:#7E1823;
}

#main .content .small{
	top:75px;
	left:200px;
	width:585px;
	height:395px;
}
#main .content .small .scroll{
	height:345px;
	overflow:auto;
}
#main .content .small h1{
	font-size:17px;
	color:#000000;
	padding:0 0 15px 0;
	text-align:center;
}
#main .content .small h2{
	font-size:15px;
	color:#9c1416;
	padding:10px 0 5px 0;
}

#main .content .back{
	position:absolute;
	bottom:80px;
	left:0;
	color:#FFFFFF;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	font-size:14px;
	display:block
}
#main .content ul{
	padding:0 0 0 20px;
}
#main .content li{
	padding:2px;
	list-style-type:disc;
}

#main .footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:30px 0 0 0;
	height:40px;
	text-align:center;
}
#main .footer .sponsors{
	position:absolute;
	bottom:20px;
	left:20px;
}
#main .footer .sponsors img{
	vertical-align:bottom;
	margin:0 5px;
}
#main .footer .partenaires{
	position:absolute;
	bottom:20px;
	right:30px;
	
	font-size:9px;
	color:#FFFFFF;
}
#main .footer .partenaires img{
	vertical-align:middle;
}
#main .footer li{
	display:inline;
	border-right:1px solid #000000;
}
#main .footer li a{
	color:#000000;
	text-decoration:none;
	padding:0 5px;
}
#main .footer li a:hover{
	color:#FFFFFF;
}
#main .footer li.last{
	border-right:none;
}
#main .footer li.links{
	border-right:none;
}
#main .footer li.links img{
	vertical-align:middle;
}
#main .footer li.links a{
	padding:0 2px 0 0;
}
ul.photo li{
	list-style-type:none;display:inline;
}
ul.photo li img{
	margin:2px;
}

#rollover{
	position:absolute;
	z-index:20;
	display:none;
	filter: none;
}