/***************************************************
   Element styles
 **************************************************/
html {
	height: 100%;
	background: #160c03 url(../images/bg_html_intro.jpg) top left repeat-x;
}

body {
padding: 0px;
font-family: Verdana, Arial;
line-height: 130%;
font-size: 12px;
color:#202020;
height: 100%;
margin: 0;
background: transparent;
}

#body_intro {
background: transparent url(../images/bg_body_intro.jpg) top center no-repeat;
height: 1024px;
}

#body_index2 {
background: transparent url(../images/bg_body_intro.jpg) top center no-repeat;
height: 1024px;
}

#link_intro {
	width: 900px;
	height: 95px;
	margin: 0 auto;
	padding: 420px 0 0 0;
	text-align: center;
}


#enter {
	width: 430px;
	height: 95px;
	margin: 0 auto;
	border: 0px solid #000;
}

#link_intro a {
	display: block;
	width: 900px;
	height: 30px;
	background: transparent;
}

#page {
	position: relative;
	width: 980px;
	margin: 0px auto;
	padding:0px 40px 0 40px;
	background:transparent;
}

#page p {
color : #202020;
padding: 0 50px 0 50px;
}

#page p.links {
color : #bbb;
text-align:center;
}

#header {
height: 490px;
background: transparent;
}
#header #swf{
width:900px;
height: 245px;
background:transparent;
}

#megaconteneur {
width: 100%;
margin: 0; 
background:transparent url(../images/bg_pageblanche_repeat-y.jpg) repeat-y center top;
}

#preconteneur {
width: 100%;
margin: 0; 
background:transparent url(../images/bg_mega.jpg) no-repeat center top;
}

#conteneur {
width: 900px;
margin: 0px auto; 
background:transparent;
}



#overlay{
    display:block;
    position:fixed;
	width:100px;
	height:100px;
	top:0;
	right: 10px;
	float:right;
	padding: 2px;
	/*background:transparent url(../images/construction.gif) no-repeat top left;*/
	background: transparent;
	z-index:100;
 }
 
#overlay a{
    color: #ddd;
	font-size: 9px;
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
	text-align: right;
 }  
 
#overlay a:hover{
    color: #fff;
	font-size: 9px;
    filter : alpha(opacity=99);
    -moz-opacity : 0.99;
    opacity : 0.99;
	/*background:transparent url(../images/construction.gif) no-repeat top left;*/
	background: transparent;
 } 
 

*html #overlay{
    position:absolute;
 }

#centre {
position: absolute;
float:right;
background:transparent;
width: 644px;
margin-left: 334px;

}
#gauche {
position: relative;
left:0;
width: 329px;
height:348px;
float:left;
margin-right:651px;

}
#footer {
margin: 0px auto; 
width: 900px;
height: 40px;
background: transparent url(../images/bg_footer.jpg) no-repeat center bottom ;
}


#footer p{
margin: 0 10px 0 40px;
color:#202020;
padding: 10px 10px 0 20px;
text-align:right;
}

/*******************************
Formulaire
*******************************/

input, textarea, fieldset {
	color: #333;
	background: #ddd;
	padding: 2px;
	border: 1px solid #333;
	margin: 2px;
}




/* BEGIN DEMO STYLE */

	
	h1,h2{
	font:bold 80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	}
	a{
	color:#348;
	text-decoration:none;
	outline:none;
	}
	a:hover{
	color:#67a;
	}
	.caption{
	font-style:normal;
	color:#887;
	line-height: 25px;
	}
	.demo{
	position:relative;
	margin-top:2em;
	text-align:center;
	}
	.gallery_demo{
	list-style:none; 
	display: none;
	/*display: inline;*/
	width: 200x;
	margin: 0px auto;
	text-align: center;
	}
	.gallery_demo li{
	display: block;
	overflow:hidden;
	width: 44px;
	height: 33px;
	border: 3px double #ddd;
	margin: 2px;
	background:transparent;
	}
	.gallery_demo li div{
	position:absolute;
	display:none;
	top:0;
	left:180px
	left:0px
	}
	.gallery_demo li div .caption{
	font:italic 0.7em/1.4 georgia,serif;
	}
	.gallery_demo li .caption{
	display:block;
	padding-top:.5em
	}
	
	
	#main_image img{
	margin:0px auto;
	height:300px;
	width:818px;
	background:#ddd;
	padding: 5px;
	border: 1px solid #ddd;
	}
	#main_image {
	
	}
	
	.nav{
	text-align: center;
	padding-top:15px;
	clear:both;font:80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:lowercase;
	}
	
	.info{
	text-align:left;
	width:700px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:20px;
	}
	.info p{
	margin-top:1.6em;
	}


.gallery_demo li a{display:none}
.gallery_demo li div img{cursor:pointer}
.gallery_demo li.active div img,.gallery_demo li.active div{display:block;}
.gallery_demo li img.thumb{
cursor:pointer;
margin: 0px auto;
display:block;
width:auto;
height:auto;
}

* html .gallery_demo li div span{width:400px} /* MSIE bug */