.bodyContent {margin: 0 auto; width: 970px;}
.pageHeader {width: 960px; height: 1000px;}

.pageMenu,
.pageContent,
.pageFooter {margin: 0px;}

.pageMenu {height: 46px;}
.pageMenu li {float: left; height: 46px; line-height: 46px; padding-right: 2px;}
.pageMenu li a {display: block; float: left; height: 46px; line-height: 46px; padding: 0 15px;}
.pageMenu li.first {display: block; float: left; width: 10px; height: 46px; padding: 0;}
.pageMenu li.last {display: block; float: right; width: 271px; height: 46px; padding: 0;}

.pageMain {display: block; float: left; height: 530px; padding: 10px; background: transparent;}
#rightCol {
	float: right;
	width: 300px;
 	position: relative;
	float: left;
	top: -816px;
	left: 30px;
}
#afficheAccueil {
 	margin-top: 30px;
	background: #C9E8F7;
	border: 3px solid #043882;
	color: #043882;
	padding: 10px 10px 0px 10px;
	-visibility: hidden;
	float: left;
}
#logosAccueil {
	margin-top: 0px;
	text-align: center;
}
a#logoFede {margin-right: 30px}
a#logoMetz {margin-left: 30px}

.pageSponsors {display: block; float: left; width: 271px; height: 48px; padding: 0;}
.titre {display: block; width: 600px; margin: 20px 0 0 0px; padding: 0 0 2px 0px}
h1 {margin: 3px 0 0 0px;}
h2 {margin: 0px;}

.pageMain .content {display: block; min-height: 442px; width: 600px; margin: 0px;}
.pageMain .content .texte {padding: 6px; text-align: left;}
#nouveautes {padding: 10px 0 0 0; }
#nouveautes .titre {display: block; margin: 0;}

ul.photos {float: left; margin: 10px 10px 0 0px;}
ul.photos li {clear: left;}
ul.photos img {margin: 0 0 10px 0;}
ul.photos a img {border: none}

img {margin: 0 0 10px 0;}
a img {border: none}

ul.plan {float: left; margin-bottom: 20px; }
img#planIndex {width: 340px; margin: 10px 10px 0 0; border: 1px solid #fff;}
img.planPlan {border: 5px solid #fff;}
ul.plan li {padding: 0 0 0px 0;}

img#titre {margin: 10px 0 0 10px}

ul.village, ul.avent {margin: 10px 10px 0px 0; padding: 10px 10px 0 10px;}
ul.village li, ul.avent li {padding: 0 0 3px 0;}
ul.aventRight {}
ul.aventRight li {margin: 3px}
ul.aventRight li .coloured {color: #005fa7;}
.open {margin-top: 10px}
.titreA {margin: 10px 0}
.cartouche {float: right; padding: 15px; width: 220px}
.cartouche p {margin-bottom: 5px;}
.bleu {color: #043882; background: #c9e8f7;}
.jaune {color: #FFED0E;}
.bleuclair {color: #333; background: #ade0fc;}
ul.puces {list-style-type: square; margin-left: 15px}	
ul li.nopuces {list-style-type: none; margin-left: 15px}	

table.contact {width: 100%; border-collapse: collapse;}
table.contact td {padding: 3px;}

input, textarea {padding: 1px 3px 1px 3px}

div.error {margin: 10px; padding: 10px;}

.outroR {padding: 10px 0 10px 20px; margin: 0 ;  clear: left; }
.outroR li {}
.outroR li.none {list-style-type: none;}
.outroR li.none h2 {padding: 0; margin: 0 0 5px -15px; list-style-type: none}

.galerie {
	float: left;
	text-align: center;
}


#petitTrain {position: relative; left: 700px; top: 0px; float: left}

ul#plan {float: left; }

div#pnPlan {position: absolute; top: -150px; left: 700px; width: 188px}
div#pnPlan img {float: left}
div#pnPlan p {margin: 10px 0 0 90px}

#accesLieux {}

#otMetz {
	float: left;
	width: 100%;
}
#otMetz a {float: left}
#otMetz p {float: left; margin: 0 0 0 20px; font-size: 12px; line-height: 16px}

#ocs{
	float: left;
	width: 100%;
	background: #00529f;
	padding: 5px 0;
	margin-bottom: 10px;
}
#ocs a {float: left}
#ocs p {float: left; margin: 0 0 0 20px; font-size: 12px; line-height: 16px; color: #ffffff}
#ocs p#contactOcs a {float: left; font-size: 12px; line-height: 16px; color: #ffffff}