/* @group header */
img { border: none; }

.separator{ height: 70px; padding: 0 20px 0 20px; }

#navi { margin: auto auto; }
#navi a { display: inline-block; text-decoration:none; padding:0 2px; }
#navi ul { display: inline-block; list-style: none; }
#navi ul li { float:left; }

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: 0px -70px;
}
#menu a:hover span{
	display: block;
}

#menu .interactive {
	width: 228px;
	height: 70px;
	background: url(../assets/images/btn_interactive.jpg) no-repeat;
	top: 0px;
}

#menu .interactive .active {
	background: url(../assets/images/btn_interactive.jpg) no-repeat 0 -140px;
}

#menu .print {
	width: 121px;
	height: 70px;
	background: url(../assets/images/btn_print.jpg) no-repeat;
	top: 0px;
}

#menu .print .active {
	background: url(../assets/images/btn_print.jpg) no-repeat 0 -140px;
}

#menu .about {
	width: 129px;
	height: 70px;
	background: url(../assets/images/btn_about.jpg) no-repeat;
	top: 0px;
}

#menu .about .active {
	background: url(../assets/images/btn_about.jpg) no-repeat 0 -140px;
}

#menu .contact {
	width: 162px;
	height: 70px;
	background: url(../assets/images/btn_contact.jpg) no-repeat;
	top: 0px;
}

#menu .contact .active{
	background: url(../assets/images/btn_contact.jpg) no-repeat 0 -140px;
}

a {
	text-decoration: none;
	outline-style: none;
	-moz-outline-style: none;
}

/* @group header */
body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* @end */



/* @group cadre2 */

.cadre2 titre {
	color: #D3AF04;
	text-decoration: none;
	display: block;
}


.cadre2 {
	font-family:Lucida Grande, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF66FF;
	line-height: 17px;
	z-index: 1000;
}

.cadre2 .sub1 {
	color: #707070; 
	line-height: 12px; 
	font-size: 9px;
}

.cadre2 strong {
	color: #fff;
	text-decoration: none;
	display: block;
}

.cadre2 .year {
	color: #666666;
	display: block;
}

.cadre2 a:link, 
.cadre2 a:visited {
	color: #465f89;
	font-weight: normal;
}
.cadre2 a:link {
	color:#D3AF04;;
}

.cadre2 strong a:link, .cadre2 strong a:visited {
	color: #465f89f;
	font-weight: normal;
	text-decoration: none;
}

.cadre2 strong a:hover {
	color:#FFCC00;
	border-bottom: 1px solid #6c6c6c;
}

/* @end */



/* @group general */

a { outline: none; }

img.a{border: 0;}

a.img:link, 
a.img:visited {
	border: none;
}

/* @end */




/* @group General footer */

.bottom {
	height: 264px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	background-repeat: no-repeat;
}

.bottomabout {
	height: 12064px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	background-repeat: no-repeat;
}

.bottom .nav {
	height: 102px;
}


.bottom .copyright {
	height: 102px;
}

.bottom .copyright p {
	margin: 0;
	padding: 0;
	color: #7a7a7a;
	font: 11px "Lucida Grande", Verdana, Arial;
	position: relative;
	top: 30px;
	font-size: 14px;
}


/* @end */
.titre {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #C8A200;
	text-decoration: none;
}



/* @group cadre */

.cadre {
	height: 89px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.cadre p {
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	float: left;
	position: absolute;
	width: 412px;
	height: 130px;
	top: 122px;
	left: 463px;
	font: 12px/22px "Lucida Grande", Verdana, Arial;
	z-index: 101;
	color: #8c8c8c;
}

.cadre img {
	float: left;
	position: absolute;
	top: 0px;
	left: 25px;
	z-index: 5;
}

.cadre p a:hover {
	color: #fdfffc;
	text-decoration: none;
	border-bottom: 1px solid #656367;
}


/* @end */