@import url(style.reset.css);

body, html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #ffffff;
	background-image: url(images/gvezien-fond_parquet.jpg);
	background-repeat: repeat;
	background-position: center -88px;
}

div#page {
	position: relative;
	width: 1024px;
	height: 880px;
	margin-left: -512px;
	left: 50%;
	top: 0;
	overflow: hidden;
	background-image: url(images/background.jpg);
}

	h1 {
		height: 1px;
		line-height: 20em;
		overflow: hidden;
	}
	
	.textes {
		position: absolute;
		font-family: Trebuchet MS;
		line-height: 1.1em;
	}
	h2.titre1 {
		left: 385px;
		top: 91px;
		color: #b40605;
		font-size: 39px;
		letter-spacing: -1px;
		font-weight: normal;
		z-index: 10;
	}
	h2.titre2 {
		left: 327px;
		top: 100px;
		color: #5c0605;
		font-size: 93px;
		letter-spacing: -1px;
		font-weight: normal;
		z-index: 9;
	}
	h2.salsa1 {
		left: 146px;
		top: 188px;
		color: #d01500;
		font-size: 80px;
		letter-spacing: -4px;
		font-weight: bold;
		z-index: 9;
	}
	h3.salsa2 {
		left: 149px;
		top: 259px;
		color: #ac1200;
		font-size: 26px;
		letter-spacing: -1px;
		font-weight: bold;
		z-index: 10;
	}
	h3.salsa3 {
		left: 149px;
		top: 280px;
		color: #ac1200;
		font-size: 26px;
		letter-spacing: -1px;
		font-weight: bold;
		z-index: 10;
	}
	h2.rock1 {
		left: 341px;
		top: 190px;
		color: #0069a5;
		font-size: 80px;
		letter-spacing: -4px;
		font-weight: bold;
		z-index: 9;
	}
	h3.rock2 {
		left: 345px;
		top: 264px;
		color: #015585;
		font-size: 26px;
		letter-spacing: -1px;
		font-weight: bold;
		z-index: 10;
	}
	h3.texte1 {
		left: 146px;
		top: 324px;
		color: #000000;
		font-size: 28px;
		letter-spacing: -1px;
		font-weight: bold;
		z-index: 9;
	}
	h4.texte1_petit {
		left: 146px;
		top: 350px;
		color: #000000;
		font-size: 15px;
		letter-spacing: -1px;
		font-weight: bold;
		z-index: 10;
	}
	h3.texte2 {
		left: 146px;
		top: 375px;
		color: #000000;
		font-size: 28px;
		letter-spacing: -1px;
		font-weight: bold;
		z-index: 9;
	}
	h4.texte2_petit {
		left: 146px;
		top: 401px;
		color: #000000;
		font-size: 15px;
		letter-spacing: -1px;
		font-weight: bold;
		z-index: 10;
	}
	
	p#ouvert {
		position: absolute;
		left: 624px;
		top: 714px;
		font-family: Trebuchet MS;
		font-size: 15px;
		font-weight: bold;
		color: #0069a5;
		text-align: center;
	}
	
	div#evenements {
		position: absolute;
		width: 333px;
		height: 261px;
		left: 213px;
		top: 471px;
		overflow: auto;
	}
	
	ul#liens {
		position: absolute;
		left: 215px;
		top: 745px;
		list-style-type: none;
	}
		
		ul#liens li {
			margin-bottom: 10px;
		}
			
			ul#liens li a {
				font-family: Trebuchet MS;
				font-size: 15px;
				font-weight: bold;
				color: #d01500;
			}
			ul#liens li a:hover {
				text-decoration: none;
			}
	
	img#salle {
		position: absolute;
		left: 751px;
		top: 510px;
	}
	
	img#seulement {
		position: absolute;
		left: 445px;
		top: 418px;
	}
	
	img#savoir_plus {
		position: absolute;
		left: 598px;
		top: 562px;
	}
	
	p#adresse {
		position: absolute;
		left: 590px;
		top: 793px;
		overflow: hidden;
		font-family: Trebuchet MS;
		font-size: 12px;
	}
		p#adresse a {
			text-decoration: underline;
			color: #000000;
		}
		p#adresse a:hover {
			text-decoration: none;
		}

	div#signature {
		position: relative;
		text-align: center;
		width: 1024px;
		top: -50px;
		margin: auto;
		font-family: Arial;
		font-size: 0.7em;
	}
	
		div#signature a {
			text-decoration: none;
			color: #ffffff;
		}
		div#signature a:hover {
			color: #990000;
		}

/**************************** Partie administration *****************************/
div#page.admin {
	background-image: url(images/background_adm.jpg);
}

div#message_admin {
	text-align: center;
	margin: 10px 0 10px 0;
	line-height: 20px;
}
div#message_admin.ok {
	border: 1px solid #00a40c;
	background-color: #c3fac3;
	color: #00a40c;
}
div#message_admin.nok {
	border: 1px solid #ff0000;
	background-color: #fac9c3;
	color: #ff0000;
}

p.center {
	text-align: center;
}

div#admin {
	position: absolute;
	width: 350px;
	height: 200px;
	left: 140px;
	top: 215px;
}

	div#admin p.admin_log {
		margin: 5px 0 10px 0;
		text-align: center;
	}

	div#admin a.admin_log {
		text-decoration: none;
		font-weight: bold;
		color: #d0a904;
	}

	div#admin a.admin_log:hover {
		text-decoration: none;
		color: #f8cb0e;
	}

	div#admin p.ligne {
		line-height: 24px;
		margin-bottom: 5px;
	}
	
	div#admin p.ligne label {
		width: 80px;
		float: left;
		text-align: right;
		padding-right: 8px;
	}
	
	div#admin p.ligne input.text {
		width: 200px;
	}
	
	div#admin p.ligne input.bouton {
		width: 100px;
		margin: 10px 20px 0 0;
	}
	
	div.news {
		padding: 5px 0 10px 0;
	}
	div.news.offline {
		background-color: #e6e6e6;
	}
	
	div.news ul.liens_admin {
		list-style-type: none;
	}
		div.news ul.liens_admin li {
			float: left;
			margin: 0 10px 0 0;
		}
			div.news ul.liens_admin li a {
				text-decoration: none;
				font-weight: bold;
				font-size: 12px; 
				color: #d0a904;
			}
			div.news ul.liens_admin li a:hover {
				color: #f8cb0e;
			}
	
	div.news p.titre {
		font-family: Trebuchet MS, Arial, Verdana;
		font-size: 15px;
		font-weight: bold;
		color: #d32511;
		margin-bottom: 4px;
	}
	div.news p.date {
		font-family: Trebuchet MS, Arial, Verdana;
		font-size: 20px;
		font-weight: bold;
	}