body {
	/*background:url(fond_west4_0.jpg) no-repeat;*/
	background:black;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
#container {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	}
.cont2 {
	position:absolute;
	/*background:red;*/
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#casq {
	position:absolute;
	background:url(casque.png) 50% 20px no-repeat;
	left:50%;
	margin-left: -250px;
	top:50%;
	margin-top: -350px;
	width:500px;
	height:700px;
	text-align:center;
	font-family:arial;
	font-size:18px;
	color:#B23000;
	display:none;
	z-index:101;
	}
#pasdeflash {
	position:absolute;
	background:url(casque.png) 50% 20px no-repeat;
	left:50%;
	margin-left:-15%;
	top:0px;
	width:30%;
	height:100%;
	text-align:center;
	font-family:arial;
	font-size:18px;
	color:#DE0B0B;
	display:none;
	z-index:101;
	}
.affplusdex {
	position: absolute;
	background: gray;
	left: 50%;
	width: 2px;
	margin-left: -1px;
	height: 2px;
	top: 50%;
	padding:20px;
	text-align:justify;
	font-family:arial;
	font-size:14px;
	color:black;
	z-index:105;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
a {
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover {  
	color:#DF5B03;
	}
#menu {
	position:absolute;
	left:10px;
	top:160px;
	width:170px;
	height:200px;
	z-index:3;
	}
#menu ul {
	margin:0px;
	padding:0px;
/*
	font-family:arial;
	font-size:18px;
	color:#FFFFFF;
	line-height:30px;
*/
	}
#menu ul li {
	float: left;
	background-color: #484848;
	width:150px;
	padding: 4px 6px;
	margin: 5px 5px;
	font-family:arial;
	font-size:13px;
	list-style: none;
	text-align: center;
	color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
#menu ul li:hover {
	cursor: pointer;
	}
#ecran {
	position:absolute;
	left:66px;
	top:610px;
	width:272px; 
	height:241px;
	}
.ecran1 {
	background:transparent url(site1.jpg);
	}
.ecran2 {
	background:transparent url(site2.jpg);
	}
.ecran3 {
	background:transparent url(site3.jpg);
	}
.ecran4 {
	background:transparent url(site4.jpg);
	}
.ecran5 {
	background:transparent url(site5.jpg);
	}
.ecran6 {
	background:transparent url(site6.jpg);
	}
.ecran7 {
	background:transparent url(site7.jpg);
	}
.bulle {
	position:absolute;
	background:black;
	width:200px;
	height:auto;
	padding:5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color:#fff;
	text-align: center;
	visibility: visible;
	z-index:1000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

.msgsite {
	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:2;
	}
.msgsite img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fumee.png');
	width: 100%;
	height: 100%;
	}
.textsite {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	}
#tete {
	position:absolute;
	background:transparent url(tete.jpg);
	width:491px;
	height:468px;
	left:80px;
	top:0px;
	z-index:2;
	}
#nom {
	position:absolute;
	background:transparent url(josepaldir.jpg);
	width:487px;
	height:104px;
	left:570px;
	top:389px;
	z-index:2;
	}
#nom2 {
	position:absolute;
	background:transparent url(josepaldir2.png);
	width:498px;
	height:108px;
	left:562px;
	top:510px;
	z-index:2;
	}
#jack {
	position:absolute;
	background:transparent url(jack_beauregard.jpg);
	width:27px;
	height:57px;
	left:1120px;
	top:300px;
	visibility:hidden;
	z-index:2;
	}
#contvol {
	position:absolute;
	background:transparent url(glissiere.png);
	left:660px;
	top:210px;
	width:37px;
	height:166px;
	z-index:99;
	}
#btvol {
	background:transparent url(glissiere_m.png);
	left:14px;
	top:190px;
	width:49px;
	height:34px;
	cursor:pointer;
	z-index:1;
	}
#progress {
	position:absolute;
	background:#785551;	/*transparent url(cheval4.gif) right top no-repeat;*/
	width:1px;
	height:4px;
	left:5px;
	top:496px;
	padding-bottom: 3px;
	font-family: arial;
	font-size: 4px;
	color: #ffffff;
	z-index:20;
	border:black 1px inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
#son {
	position:absolute;
	width:1px;
	height:1px;
	left:0px;
	top:0px;
	z-index:1;
	}
#adresse {
	position:fixed; 
	background:#000000; 
	right:20px; 
	top:50px;
	width:152px;
	height:auto;
	z-index:54; 
	}
#adresse a {
	font-size:16px;
	color:#FFCA63;
	}
#fondg {
	position:absolute;
	background:url(fond2.gif) repeat-y; 
	width:50px; 
	height:100%; 
	z-index:6; 
	right:0px; 
	top: 0px;
	}
#fondnoir {
	position:absolute;
	background: #000; 
	width:100%; 
	height:100%;
	left:0px;
	top:0px; 
	z-index:100; 
	}
.info {
	position:absolute;
	background-color: #d4dcde;
	overflow: hidden;
	top:3000px;
	width:700px;
	height:1px;
	padding:20px;
	text-align:justify;
	font-family:arial;
	font-size:15px;
	color:black;
	z-index:101;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
/*
	border:#C0603F 1px solid;
*/
	}
.horde2 {
	position:absolute;
	display:none;
	background:#8ba9dd url(horde2.jpg) 50% bottom no-repeat;
	left:0px;
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:200; 
	}
/**** contact - formulaire *****/
.contformu {
	position:absolute;
	background: #232323; 
	width:440px; 
	height:auto;
	top:-300px;
	text-align:center;
	color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	z-index:101; 
	}
.exped {
	background: transparent url(cavalier.jpg) no-repeat;
	}
.contactable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}
.contactable .titre {
	text-align: center;
	color: gray;
	font-size:20px;
	}
.contactable .label {
	width: 70px;
	height: 30px;
	padding-right: 10px;
	text-align: right;
	color: gray;
	font-size:14px;
	}
.contactable input[type=text] {
	background:black;
	color: #fff;
	width:300px;
	height: 20px;
	border:gray 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.contactable input[type=submit] {
	background:black;
	width:100px;
	height: 20px;
	color: gray;
	border:gray 1px outset;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.contactable textarea {
	background:black;
	color: #fff;
	width:300px;
	border:gray 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.contactable input[type=text]:focus,
.contactable textarea:focus {
	background: gray;
	color: #000;
	}
.contactable input[type=submit]:hover {
	background: #232323;
	}
#resultat {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center;
	color:red;
	}
.butferme {
	position:absolute;
	background:url(quit.gif) left top no-repeat;
	right:15px;
	top:10px;
	width:16px;
	height:16px;
	cursor:pointer;
	}
.butferme:hover {
	background:url(quit.gif) left bottom no-repeat;
	}