body {
	background:#000000;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
#container {
	position:fixed;
	background: #000000;
	left:0px;
	top:0px;
	width:100%;	/*1188px;*/
	min-height:100%;
	border-left:gray 1px solid;
	border-right:gray 1px solid;
	overflow:hidden;
	z-index:2;
	}
#loco {
	position:absolute;
	background: #000000 url(../loco-coul.jpg) right top no-repeat;
	right:0px;
	top:0px;
	width:1039px;	/*1188px;*/
	height:487px;
	}
#manche0 {
	position:absolute;
	background:transparent url(../manches-nq8.png) left bottom;
	left:0px;
	bottom:0px;
	width:373px;
	height:268px;
	z-index:21;
	}
#manche1 {
	position:absolute;
	background:transparent url(../manches-nq8.png) left top;
	right:0px;
	bottom:0px;
	/*top:460px;*/
	width:537px;
	height:314px;
	z-index:21;
	}
#titre {
	position:absolute;
	background:transparent url(../titre.png);
	left:50%;
	margin-left:-320px;
	bottom:20px;
	width:593px;
	height:100px;
	}
.ongletp {
	position:absolute;
	background:transparent url(../manches-nq8.png) right bottom;
	left: 50%;
	margin-left:-220px;
	bottom:120px;
	width:96px;
	height:115px;
	z-index:21;
	}
.onglet1 {
	position:absolute;
	background:transparent url(../manches-nq8.png) -407px -331px;
	left: 50%;
	margin-left:-120px;
	bottom:160px;
	width:65px;
	height:128px;
	z-index:21;
	}
.onglet2 {
	position:absolute;
	background:transparent url(../manches-nq8.png) right -318px;
	left: 50%;
	margin-left:0px;
	bottom:100px;
	width:62px;
	height:150px;
	z-index:21;
	}
a {
	color:#cccccc;
	text-decoration:none;
	font-size:16px;
	}
a:hover {  
	color:#DF5B03;
	}
#menu {
	position:relative;
	float:left;
	width:600px;
	height:auto;
	z-index:20;
	}
#menu { float:left; }

#menu ul {
	margin:0px;
	padding:0px;
	}
#menu ul li {
	float: left;
	display:inline;
	background-color: rgba(72,72,72, 0.7);
	width:250px;
	margin: 15px 15px;
	font-family:arial;
	font-size:20px;
	list-style: none;
	text-align: center;
	color: #ffffff;
		text-shadow: 1px 1px 1px #000;
	line-height:40px;
	border:#C6AA57 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	}
#menu ul li:hover {
	background:rgba(255,255,255,0.6);
	cursor: pointer;
	}
#menu ul li:hover > a { 	/* > pas les a des li enfants*/
	color:#DF5B03;
	font-weight:bold;
		text-shadow: 0px 1px 0px #000;
	}
.contminisite {
	position:absolute;
	left:50%;
	margin-left:-188px;
	bottom:180px;
	width:auto;
	height:auto;
	visibility:hidden;
	z-index:18;
	}
.minisite {
	position:relative;
	float:left;
	background:transparent url(../site19.jpg) left top;
	top:0px;
	left:0px;
	width:376px;	/*410px;*/
	height:264px;	/*290px;*/
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 14px;
		-moz-box-shadow: 0px 0px 30px #000;
		-o-box-shadow: 0px 0px 30px #000;
		-webkit-box-shadow: 0px 0px 30px #000;
		box-shadow: 0px 0px 40px rgba(255,255,255,0.6);
	z-index:1;
	}
.txtlien {
	position:absolute;
	background: rgba(0,0,0,0.7);
	left:0px;
	bottom:5px;
	width:100%;
	height:auto;
	font-family:arial;
	font-size:14px;
	color: orange;
	line-height:normal;
	text-align: center;
	visibility:hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	z-index:2;
	}
.fumee {
	position:absolute;
	background: transparent;
	left:790px;
	top:80px;
	width:0px;
	height:0px;
	padding: 2px 6px;
	margin: 5px 6px;
	font-family:arial;
	font-size:13px;
	text-align: center;
	color: #000000;
	z-index:19;
	}
.fumee img {
	width: 100%;
	height: 100%;
	}
#fondnoir {
	position:fixed;
	background: #000;
	width:100%; 
	height:100%;
	left:0px;
	top:0px; 
	z-index:24;
	visibility:hidden; 
	}
.fondhorse {
	position:absolute;
	background: #b9c8cc url(../horde0.jpg) center bottom;
	  -webkit-background-size: cover; /* pour Chrome et Safari */
	  -moz-background-size: cover; /* pour Firefox */
	  -o-background-size: cover; /* pour Opera */
	  background-size: cover; /* version standardisée */
	width:100%; 
	height:100%;
	left:0px;
	top:0px; 
	z-index:104; 
	}
.infoplus, .info, #infonoscript {
	position:absolute;
	background-color: #B9C8CC;
	overflow: hidden;
	left:50%;
	margin-left:-400px;
	top:30px;
	width:800px;
	height:auto;
	padding:20px;
	text-align:justify;
	font-family:arial;
	font-size:15px;
	color:black;
	z-index:105;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
/*
	border:#C0603F 1px solid;
*/
	}
.infoplus {
	left:200px;
	top:30px;
	visibility:hidden;
	}
#infonoscript {
	top:50px;
		-moz-box-shadow: 0px 0px 60px #000000;
		-webkit-box-shadow: 0px 0px 60px #000000;
		-o-box-shadow: 0px 0px 60px #000000;
		box-shadow: 0px 0px 60px #000000;
	}
.horde2 {
	position:absolute;
	display:none;
	background:#8ba9dd url(../horde2.jpg);	/* défini par js 50% bottom no-repeat;*/
	  -webkit-background-size: cover; /* pour Chrome et Safari */
	  -moz-background-size: cover; /* pour Firefox */
	  -o-background-size: cover; /* pour Opera */
	  background-size: cover; /* version standardisée */
	left:0px;
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:200; 
	}
	#avis {
		position:absolute;
		left:120px;
		top:470px;
		width:auto;
		height:auto;
		color:#999;
		font-family:arial;
		font-size:14px;
		padding:3px;
		z-index:10;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
	}
/**** contact - formulaire ** voir css annexe ***/
	#cartouche {
		position:fixed;
		background:rgba(0,0,0,0.4);
		right:20px;
		bottom:20px;
		width:120px;
		height:70px;
		z-index:200;
		visibility:visible;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
	}

	#volume {
		position:absolute;
		left:10px;
		top:40px;
		width:100px;/*auto;*/
		height:20px;
		border-left:red 1px solid;
		border-right:#00ff00 1px solid;
		z-index:1;
		visibility:visible;
/*
		border-right:none;
*/
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
	}
	#enveloppe {
		position:absolute;
		background:url(../full.png) left top no-repeat;
		left:65px;
		top:-35px;
		width:31px;/*auto;*/
		height:28px;
		z-index:200;
		visibility:visible;
		cursor:pointer;
	}
	#fullno {
		background:url(../fullno.png) left top no-repeat;
	}
	#enveloppe {
		background:url(../enveloppe.png) left top no-repeat;
		left:5px;
	}
	#tab-menu td {
		background:rgba(255,255,255,0.2);
		padding:6px;
	}
	#tab-menu td:hover {
		background:#000;
	}