body {
background : url('img/degrade.png') repeat;
background-color:#000000;
border:0;
margin:0;
padding:0;
}

img {
	border : 0;
}

a {
color:#e38a36;
border:none;
font-family : Arial Black;
font-size : 10pt;
font-weight : bold;
text-decoration:none;
}

a:hover {
color:#000000;
border:none;
font-family : Arial Black;
font-size : 10pt;
font-weight : bold;
text-decoration:none;
}

.lien {
font-family: Arial Black;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-align : center;
}

.lien:hover {
font-family: Arial Black;
font-size: 8pt;
color: #e38a36;
font-weight: bold;
text-align : center;
}

h1 {
font-family: Arial Black;
font-size: 12pt;
color: #e38a36;
font-weight: bold;
text-align : center;
}

h2 {
font-family: Arial Black;
font-size: 10pt;
color: #e38a36;
font-weight: bold;
text-align : left;
}

h3 {
font-family: Arial Black;
font-size: 10pt;
color: #000000;
text-align : left;
font-weight : normal;
}

h4 {
font-family: Arial Black;
font-size: 10pt;
color: #000000;
text-align : center;
font-weight: normal;
}

h5 {
font-family: Arial Black;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-align : center;
}

#page {
	top : 0%;
	position : absolute;
	width : 1050px;
	height : 1160px;
	left : 50%;
	background-color : transparent;
	margin-left : -500px;
	padding:0px;
}

/* Design ************************************************************************/

#top {
	position : absolute;
	width : 1050px;
	height : 286px;
	background : url('img/header.png');
}

#bottom {
	position : absolute;
	width : 1050px;
	height : 50px;
	margin-top : 1133px;
	background : url('img/footer.png') no-repeat;
}

#txtbottom {
	position : absolute;
	width : 250px;
	height : 25px;
	margin-left : 825px;
	margin-top : 17px;
}

#w3c {
	position : absolute;
	margin-top : 25px;
	margin-left : 24px;
}
	
#menu {
	position: absolute;
	float : left;
	width : 1050px;
	height : 69px;	
	margin-top : 286px;
}

#marge {
	position : absolute;
	width : 295px;
	height: 778px;
	background: url('img/marge_gauche.png');
	margin-top: 355px;
}

/* Container *********************************************************************/

#container {
	position : absolute;
	width : 755px;
	height: 778px;
	background: url('img/content.png');
	margin-top: 355px;
	margin-left: 295px;
}

#containertitlea {
	position : absolute;
	width : 215px;
	height: 69px;
	background: url('img/title-accueil.png');
	margin-top: 95px;
	margin-left: 65px;
}

#containertitleb {
	position : absolute;
	width : 215px;
	height: 69px;
	background: url('img/title-boutique.png');
	margin-top: 95px;
	margin-left: 65px;
}

#containertitlec {
	position : absolute;
	width : 215px;
	height: 69px;
	background: url('img/title-terrain.png');
	margin-top: 95px;
	margin-left: 65px;
}

#containertitled {
	position : absolute;
	width : 215px;
	height: 69px;
	background: url('img/title-tarif.png');
	margin-top: 95px;
	margin-left: 65px;
}

#containertitlee {
	position : absolute;
	width : 215px;
	height: 69px;
	background: url('img/title-contact.png');
	margin-top: 95px;
	margin-left: 65px;
}

#content {
	position : absolute;
	min-width : 560px;
	max-height : 570px;
	max-width : 560px;
	width : 560px;
	height : 570px;
	text-align : center;
	overflow : auto;
	margin-top : 195px;
	margin-left : 70px;
	margin-right : 120px;
}

.contentterrain {
	position : relative;
	text-align : center;
}
	

/* Menu de merde... **************************************************************/

#menu a {
	display : block;
	float : left;
	height : 69px;
	width:188px;
}

#menu a span.img {
	display : block;
	float: left;
	height : 69px;
	width: 188px;
	background-repeat : no-repeat;
	background-color : transparent;
}

#menub a {
	display : block;
	float : left;
	height : 69px;
	width:145px;
}

#menub a span.img {
	display : block;
	float: left;
	height : 69px;
	width: 145px;
	background-repeat : no-repeat;
	background-color : transparent;
}

#menuc a {
	display : block;
	float : left;
	height : 69px;
	width:153px;
}

#menuc a span.img {
	display : block;
	float: left;
	height : 69px;
	width: 153px;
	background-repeat : no-repeat;
	background-color : transparent;
}

#menud a {
	display : block;
	float : left;
	height : 69px;
	width:143px;
}

#menud a span.img {
	display : block;
	float: left;
	height : 69px;
	width: 143px;
	background-repeat : no-repeat;
	background-color : transparent;
}

#menue a {
	display : block;
	float : left;
	height : 69px;
	width:160px;
}

#menue a span.img {
	display : block;
	float: left;
	height : 69px;
	width: 160px;
	background-repeat : no-repeat;
	background-color : transparent;
}
#menuf a {
	display : block;
	float : left;
	height : 69px;
	width:261px;
}

#menuf a span.img {
	display : block;
	float: left;
	height : 69px;
	width: 261px;
	background-repeat : no-repeat;
	background-color : transparent;
}

#menu a #m01 {
	background-image : url('img/accueil.png');
}
#menu a:hover #m01 {
	background-image : url('img/accueil_hover.png');
}
#menub a #m02 {
	background-image : url('img/boutik.png');
}
#menub a:hover #m02 {
	background-image : url('img/boutik_hover.png');

}#menuc a #m03 {
	background-image : url('img/terrain.png');
}
#menuc a:hover #m03 {
	background-image : url('img/terrain_hover.png');

}#menud a #m04 {
	background-image : url('img/tarifs.png');
}
#menud a:hover #m04 {
	background-image : url('img/tarifs_hover.png');

}#menue a #m05 {
	background-image : url('img/forum.png');
}
#menue a:hover #m05 {
	background-image : url('img/forum_hover.png');
}
#menuf a #m06 {
	background-image : url('img/contact.png');
}
#menuf a:hover #m06 {
	background-image : url('img/contact_hover.png');
}