/**
* Contenu général
*/

html, body {
	margin: 0;
	height: 100%;
}
	
body {
	width: 100%;
	color: #4a2a10;
	font-family: Arial;
	font-size: 14px;
	background: #7fa00f url('./../images/gradient.jpg') repeat-x;
}

div#global {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	background: url('./../images/shadow.png') no-repeat;
	position: relative;	
}

/**
* Header
*/

div#header {
	margin: 0 35px;
	padding: 46px 0 0 0;
	width: 930px;
	height: 282px;
	background: #FFF url('./../images/header.jpg') repeat-x;
	position: relative;
}

div#header h1 {
	top: 25px;
	left: -8px;
	text-indent: -9999px;
	position: absolute;
}

div#header h1 a {
	width: 151px;
	height: 179px;
	text-indent: -9999px;
	background: url('./../images/logo.png') no-repeat;
	display: block;
}

div#headband {
	width: 930px;
	height: 282px;
	position: relative;
}

.head1 {
	background: url('./../images/castle_hd.jpg') no-repeat;
}

.head2 {
	background: url('./../images/arc_hd.jpg') no-repeat;
}

.head3 {
	background: url('./../images/quad_hd.jpg') no-repeat;
}

div#header h2 {
	text-indent: -9999px;
}

div#ulm {
	top: -35px;
	right: -152px;
	width: 680px;
	height: 250px;
	background: url('./../images/ulm.png') no-repeat;
	display: block;
	position: absolute;
}

/**
* Zone central
*/

div#container {
	margin: 0 35px;
	padding: 16px 0 0 0;
	width: 930px;
	min-height: 300px;
	background-color: #FFF;
	position: relative;
}

div#loisirs {
	margin: 0 0 20px 10px;
	width: 909px;
	height: 170px;
	color: #51650c;
	background: url('./../images/loisirs_bg.jpg')  bottom repeat-x;
}

div#loisirs h3 {
	height: 0;
	text-align: left;
	text-indent: -9999px;
}

div#loisir-ulm {
	margin: 0 2px 0 0;
	padding: 40px 8px 0 0;
	width: 291px;
	height: 105px;
	text-align: right;
	font-size: 13px;
	background: url('./../images/ulm_bc.jpg') no-repeat;
	float: left;
}

div#loisir-arc {
	padding: 40px 8px 0 0;
	width: 292px;
	height: 105px;
	text-align: right;
	font-size: 13px;
	background: url('./../images/arc_bc.jpg') no-repeat;
	float: left;
}

div#loisir-quad {
	padding: 40px 8px 0 0;
	width: 298px;
	height: 105px;
	text-align: right;
	font-size: 13px;
	background: url('./../images/quad_bc.jpg') no-repeat;
	float: right;
}
  
div#loisir-ulm a, div#loisir-arc a, div#loisir-quad a {
	color: #51650c;
}

div#content {
	padding: 0 40px 24px 40px;
	width: 850px;
	min-height: 300px;
	line-height: 22px;
	position: relative;
}

div#content h1 {
	margin:  0 0 15px 0;
	font-size: 18px;
}

div#content img {
	padding: 3px;
	/*background-color: #fff;*/
	border: 1px solid #c2c6c7;
}

div#left-content {
	padding: 0 22px 0 0;
	width: 530px;
	border-right: 1px solid #c8dde2;
	float: left;
}

div#gallery {
	margin: 28px 0 0 0;
	padding: 40px 0 0 20px;
	width: 260px;
	min-height: 124px;
	background: url('./../images/gallery.jpg') no-repeat;
}

div#gallery img {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #c2c6c7;
}


div#gallery img {
	margin: 0 17px 0 0;
	border: 1px solid #603a1b;
}

div#gallery2 {
	margin: 10px 0 20px 0;
	padding: 20px 0 0 20px;
	width: 825px;
	height: 124px;
	background: url('./../images/gallery2.jpg') repeat-x;
}

div#gallery2 img {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #c2c6c7;
}


div#gallery2 img {
	margin: 0 17px 0 0;
	border: 1px solid #603a1b;
}

div#right-content {
	width: 280px;
	float: right;
}

div#news {
	margin: 0 0 20px 0;
}

div#news h3 {
	margin: 0 0 15px 0;
	width: 75px;
	height: 21px;
	text-indent: -9999px;
	background: url('./../images/news.jpg') no-repeat;
}

.date {
	color: #97bf11;
	font-weight: bold;
}

.news {
	margin: 0 0 12px 0;
	line-height: 18px;
}

.news a, div#news a {
	text-decoration: underline;
}

div#links img {
	padding: 0;
	border: none;
}

/**
* Footer
*/

div#footer {
	margin: 0 35px;
	padding: 5px 0 0 0;
	width: 930px;
	height: 50px;
	color: #b7e41e;
	font-size: 16px;
	position: relative;
}

div#footer a {
	color: #b7e41e;
}

/**
* Page ULM, tir à l'arc, quad
*/

.pay-box {
	padding: 10px;
	width: 310px;
}

.pay-box h3 {
	height: 40px;
	text-indent: -9999px;
}

div#content .pay-box img, div#content table.no-border img, div#content img.no-border {
	padding: 0;
	border: none;
}

.ulm-box {
	background: #cce771 url('./../images/ulm_bg.jpg') top left no-repeat;
}

.tir-box {
	background: #cce771 url('./../images/tir_bg.jpg') top left no-repeat;
}

.quad-box {
	background: #cce771 url('./../images/quad_bg.jpg') top left no-repeat;
}

/**
* Gallerie
*/

div#gallery-box .line {
	clear: both;
}

div#gallery-box .line img {
	margin: 0 15px 0 0;
}

div#gallery-box .line img.last {
	margin: 0;
}