HTML { margin: 0px; padding: 0px; width: 100%; font-size: 100%; }

BODY {
	margin: 0px;
	padding: 0px;
	background: #b7a788 url("images/background.jpg") repeat;
}

HR.clear { visibility: hidden; clear: both; margin: 0px; height: 0px; border: none; }
IMG { border: 0px; }
UL { margin: 0px; padding: 0px; list-style-position: inside; list-style-type: square; }

A:link, A:visited { color: #635854; text-decoration: underline; }
A:hover { text-decoration: none; }
A:active { color: white; }

#header { height: 443px; background: url("images/fille.png") no-repeat center top; }
#header .center { height: 250px; position: relative; }
#logo { position: absolute; }
#baseline { position: absolute; right: -50px; top: 5px; z-index: 2; }

.center { width: 1000px; margin: 0px auto; }

#menu { position: relative; background: url("images/white50.png") repeat; line-height: 0.5em; padding: 16px 0px 20px 0px; height: 157px; }
#menu A { margin: 0px 10px 0px 6px; }
#menu A.first { margin-left: 40px; }
#menu .center { position: absolute; z-index: 3; left: 50%; margin: 0px; margin-left: -500px; height: auto; }

#pagecontent { width: 1000px; text-align: left; margin: 0px auto; position: relative; }

.page {
	position: relative;
	margin: 20px 168px 0px 367px;
	padding: 20px 20px 20px 20px;
	background: url("images/white50.png") repeat;
	color: black;
	text-align: justify;
	min-height: 350px;
}
.page H1 { position: relative; height: 80px; margin-top: 240px; }
.page H1 IMG { position: absolute; z-index: 1; right: 30px; }
/*#sportmulhouse H1 IMG { left: 75px; }*/

#imagedroite { position: absolute; top: 20px; right: 20px; }

.page .gallery0 {
	position: absolute;
	top: 16px;
	left: -120px;
	width: 100px;
	z-index: 1;
}
#plusdinfos {
	position: absolute;
	top: 0px;
	left: -324px;
	width: 300px;
	color: white;
	padding: 1px;
	text-align: left;
	float: left;
}

/**
 * DESIGN UNIQUE POUR LA PAGE D'ACCUEIL
 **/	
#index.page { margin: 20px 23px 20px 44px; padding: 0px; background: none; color: white; float: left; }
#index.page .newcolumn { float: left; width: 300px; margin: 0px 12px; }
#index.page .newcolumn.item0 { margin-left: 0px; width: 300px; }
#index.page .newcolumn.item1 { width: 298px; }
#index.page .newcolumn.item2 { margin-left: 14px; width: 285px; margin-right: 0px; }
#index.page H1 { background: none; top: 0px; left: 0px; }

#footer {
	padding: 20px;
	background: url("images/white50.png") repeat;
}
.menu { list-style-type: none; font-size: 0.75em; }
.menu LI { float: left; margin-left: 13px; padding-left: 10px; border-left: 1px solid #B7A781; }
.menu LI.item0 { margin-left: 44px; padding-left: 0px; border-left: none; }



/**
 * GALERIES GRILLE
 */
#index.page .gallery0, .gallery1, .gallery2 {
	position: relative;
	top: 0px;
	width: 306px;
	left: -4px;
}

/**
 * VIGNETTES GALERIE PHOTO *
 */
 
.gallery0 .thumb, .gallery1 .thumb {
	width: 92px;
	height: 92px;
	background-color: transparent;
	float: left;
	margin: 4px;
	overflow: hidden;
	border: 1px solid #FFFFFF;	
}
.gallery0 .thumb IMG, .gallery1 .thumb IMG {
	min-width: 100%;
	height: 100%;
}

.gallery2 .thumb {
	float: left;
	display: block;
	width: 101px;
	height: 112px;
	margin: 2px 7px;
	font-size: 0.8em;
	overflow: hidden;
}
.gallery2 .thumb TABLE {
	border-collapse: collapse;
	border: none;
}
.gallery2 .thumb .thumbtd { vertical-align: bottom; height: 70px; }
.gallery2 .thumb .gallerythumb {
	display: block;
	width: 98px;
	max-height: 70px;
	overflow: hidden;
	border: 1px solid black;
}
.gallery2 .thumb .gallerythumb IMG { width: 98px; }
.gallery2 .thumb .legend {
	text-align: center;
	vertical-align: middle;
	height: 30px;
}

/**
 * FORMULAIRE DE CONTACT
 */

.contactform, .formulaire { text-align: left; }
.contactform INPUT, .contactform TEXTAREA, .formulaire INPUT, .formulaire TEXTAREA {border: 1px solid #cccccc; background-color: #ffffff; margin-bottom: 5px; }
.contactform INPUT { height: 20px; width: 150px;}
.formulaire INPUT { height: 20px; width: 180px; }
.contactform TEXTAREA, .formulaire TEXTAREA { height: 90px; width: 220px;}
.contactform .contactsubmit, .formulaire .contactsubmit { margin-left: 202px; width: 60px; height: 25px;}
.contactform .contactsubmit { margin-left: 152px; }
.contactform LABEL, .formulaire LABEL { width: 200px; float: left; margin-left: 2px; line-height: 20px; height: 20px; font-size: 0.9em; text-align: right; }
.contactform LABEL { width: 150px; }
.contactform LABEL { }
.formulaire INPUT.checkbox { float: left; width: 15px; height: 15px; margin-left: 0px; }
.formulaire label.checkboxlabel { width: auto; float: left; height: auto; line-height: 18px; width: 195px; margin-bottom: 10px; text-align: left; }
/*#plusdinfos { display: none; }*/