@font-face {
    font-family: 'Bank';
    src: url('../fonts/bankgthd-webfont.eot');
    src: url('../fonts/bankgthd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bankgthd-webfont.woff') format('woff'),
         url('../fonts/bankgthd-webfont.ttf') format('truetype'),
         url('../fonts/bankgthd-webfont.svg#BankGothicMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	background:#000;
	color:#fff;
	font:13px arial,serif;
}
p {
	display: block; 
	margin: 1.0em 0px
}
a, a:visited,a:hover {
	color:#73A3EF;
	text-decoration:none;
	}
h1 span {
	display:none;
}
h2 span {
	display:none;
}
h1 {
	background: #000 url('../images/h1.png') no-repeat center;
	height:254px;
	width:722px;
	margin:15px auto 0px auto;
}
h2{
	background: #000 url('../images/h2.png') no-repeat center;
	height:58px;
	width:704px;
	margin:0 auto;
}
legend{
	height:2.5em;
	font-weight:bold;
}
#conteneur {
	padding-top:10px;
	min-width:760px;
}
#remplissage {
	color:#626262;
	width:600px;
	margin:0 auto 2em auto;
	padding:1.5em;
	text-align:justify;
	text-shadow: 0px 1px 2px #fff;
	/* -- CSS3 - define rounded corners for the form -- */	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	background-color:#fff;
	/* -- CSS3 - add a drop shadow -- */
	-webkit-box-shadow:0px 0 30px #ccc;
	-moz-box-shadow:0px 0 30px #ccc; 
	box-shadow:0px 0 30px #ccc;
	behavior: url(css/PIE.php);
}
#bataclan {
	height:600px;	
	color:#626262;
	width:600px;
	margin:0 auto 2em auto;
	padding:1.5em 1.5em 5em 1.5em ;
	text-align:justify;
	text-shadow: 0px 1px 2px #fff;
	/* -- CSS3 - define rounded corners for the form -- */	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 		
	/* -- CSS3 - add a drop shadow -- */
	-webkit-box-shadow:0px 0 30px #ccc;
	-moz-box-shadow:0px 0 30px #ccc; 
	box-shadow:0px 0 30px #ccc;
	background: #fff url(../images/bataclan.png) no-repeat center;
	behavior: url(css/PIE.php);
}
#gallery{
	text-align:center;
	margin:0 auto;
	max-width:900px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a{
	text-decoration:none;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }


input, textarea { 		
		padding: 3px; 
		margin: 4px 0 20px 0px; 
		background:#fff; 
		width: 220px; 
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		-webkit-box-shadow: 0px 0px 4px #aaa;
		-moz-box-shadow: 0px 0px 4px #aaa; 
		box-shadow: 0px 0px 4px #aaa;		
		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
		-webkit-transition: background 0.3s linear;		
		behavior: url(css/PIE.php);					
	}
	input {
		margin-left:7px;
	}
	textarea {		
		width: 560px; 
		height: 175px; 			
	}
	
	input:hover, textarea:hover { 
		background: #eee; 
	}
		
	input.submit { 	
		display:block;
		width: 150px; 
		color: #eee; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color:#73A3EF;
		border: none;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px; 	
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
		background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);	
		behavior: url(css/PIE.php);	
	} 
	input.submit:hover { 		
		-webkit-box-shadow: 0px 0px 20px #555;
		-moz-box-shadow: 0px 0px 20px #aaa; 
		box-shadow: 0px 0px 20px #555;	
		cursor:  pointer; 
	}
#menu a{
	display : inline-block;
	vertical-align : middle;
	text-decoration : none;
	border : 2px solid transparent;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	border-radius : 3px;
	font-size:16px;
	padding:0em 1.2em;
	color:#73A3EF;
	text-decoration:none;
	text-shadow: 0px 1px 1px #000;
	font-family:Bank;
}
#menu a:hover{
	background:#73A3EF;
	color : #fff;
	text-shadow: 0px 1px 1px #000;
}
#menu {
	padding:0.3em 0;
	margin-top:2em;
	margin-bottom:3em;
	height:3.2em;
	border-bottom:1px solid #3C3C3C;
	text-align: center;
}
#menu li {
	display: inline;
	padding: 2px ;
	margin: 0;
}
.logos {
	text-align:center;
}
#orange {
	margin-top:45px;
}