/* CSS Document */

body {
	margin: 10px 0;
	text-align: center;
	font: 0.8em "Tahoma", helvetica, sans-serif;
/*	background-image: url("trame.gif");	*/
	background-color: black;
/*	background-image: url('fondsite.jpg'); 
	background-repeat: no-repeat;	*/
	color: #fff;
	}

pre{
	overflow: auto;
	font-size: 1.2em;	
	background: #bdff00;
	padding: 5px 0 0 5px;
	border: 2px solid #f90;
	}
		
h1#header{
	height: 150px;
	background-color: #000;
	}

h1#header a{
	display: block ;
	background: url(title.gif) no-repeat;
	position: relative;
	width: 400px ;
	height: 70px ;
	left: 350px;
	top: 15px;
	text-indent: -5000px;
	}
	
ul#menu{
	margin-top: 150px;
	height: 25px ;
	margin: 0;
	padding: 0;
	background: url(bg_menu_uv.gif) repeat-x 0 -25px ;
	list-style-type: none ;
	}

ul#menu li{
	float: left;
	text-align: center;
	}

ul#menu li a{
	width: 105px;
	color: #fff;
	display: block;
	text-decoration: none;
	border-right: 1px solid #fff;
	line-height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 2px;
	}

ul#menu li a:hover{
	background: url(bg_menu_uv.gif) repeat-x 0 0;
	}
	
div#header h2{
	color: #fff;
	font-size: 1.2em;
	margin-left: 10px;
	}
	
div#conteneur{
	width: 770px;
	background: #000;
/*	margin: 0 auto;	*/
	left: 50%;
	position:absolute;
	margin-left: -385px;
	text-align: left;
	border: 1px dashed #50a;
	display: inline;
	}	

div#decor-g{
	position: relative;
	left: 50%;
	margin-left: -600px;
	float: left;
	padding: 0px;
	display: inline;
	}

div#decor-d{
	position: relative;
	right: 50%;
	margin-right: -600px;
	float: right;
	padding: 0px;
	}

*:first-child+html  #decor-d{
	margin-left: 991px;
}

div#contenu{
	padding: 0 30px 0 100px;
	background: url(bg_page_sonoeffect60_black.jpg) no-repeat 15px 15px;
	}

div#contenu h2{
	padding-left: 40px;
	line-height: 25px;
	font-size: 1.3em;
	background: url(equalizer.gif) no-repeat left bottom;
	color: #bf0;
	border-bottom: 1px solid #50a;
	}

div#contenu h3{
	margin-left: 15px;
	padding-left: 5px;
	border-bottom: 1px solid #50a;
	border-left: 3px solid #50a;
	color: #bf0;
	}

div#contenu p{
	text-align: justify;
	text-indent: 2em;
	line-height: 1.7em;
	}

div#contenu a,p#footer a{
	color: #bf0;
	}

div#contenu a:hover,p#footer a:hover{
	color: #50a;
	}

input,input:focus,textarea,textarea:focus,select,select:focus{
	font-family: Tahoma;
	font-size: 0.8em;
	}
	
input[type="text"],textarea,input[type="reset"],input[type="submit"]{
	background-color: lightgrey;
	border: 1px solid white;
	padding-bottom: 3px;
	padding-left: 3px;
	}
	
input[type="text"]{
	height: 12px;
	width: 80px;
	}

input[type="text"][name="ville"],input[name="autrelieu"]{
	width: 120px;
	}

input[type="text"][name="cp"]{
	width: 40px;
	}

input[type="text"][name="email"]{
	width: 200px;
	}

input[type="text"]:focus,textarea:focus{
	color: #fff;
	background-color: #50a;
	padding-bottom: 3px;
	padding-left: 3px;
	}

select{
	background-color: lightgrey;
	}
	
select:focus{
	color: #fff;
	background-color: #50a;
	}
	
input[type="reset"],input[type="submit"]{
	height: 22px;
	}
	
input[type="reset"]:hover,input[type="submit"]:hover{
	background-color: #50a;
	border: 1px solid white;
	}
	
select{
	height: 18px;
	}

h4{
	margin-bottom: 5px;
	border-bottom: 1px dashed #50a;
	}

h4[name="id"]{
	width: 65px;
	}
	
h4[name="email"]{
	width: 110px;
	}

h4[name="event"]{
	width: 130px;
	}

h4[name="date"]{
	width: 40px;
	}

h4[name="heure"]{
	width: 160px;
	}

h4[name="lieu"]{
	width: 40px;
	}

h4[name="villecp"]{
	width: 140px;
	}

h4[name="nbguests"]{
	width: 120px;
	}

h4[name="remarques"]{
	width: 90px;
	}


#footer {
	text-align: center;
	font-size: 0.9em;
	margin: 0;
	padding-right: 10px;
	line-height: 30px;
	color: #fff;
	}