﻿body {background: #ffffff url('images/bg.jpg') top center; margin: 0px; padding: 0px;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif}

img {	border:none; 		margin: 0px;}
h1 {	font-size: 14px;	color: #000;	padding-top: 10px;	margin: 0px;	padding-bottom: 10px;}
h2 {	font-size: 16px;	color: #008;	margin: 0px;}
h4 {	font-size: 16px;	color: #000;	margin: 0px;}

a 		{	text-decoration:none;	margin: 0px;	padding: 0px;	font-size: 14px;	color: #00F;}
a:hover {	color:#F00;	text-decoration:underline}

#all { position: relative; background: #fff; margin: 0px auto 0px;	width: 900px; height: 720px;}
#txtaccueil { position: absolute; width: 150px;	margin-top: 250px; margin-left: 10px; text-align: justify;}
#contenu { position: absolute; width: 680px;	margin-left: 180px; font-size: 12px; text-align: justify;}
#txtgauche { position: absolute; width: 150px;	margin-top: 270px; margin-left: 740px; 	text-align: justify;}
#content {	margin-right: 5px;	margin-left: 5px;}
#links {	height: 20px;	margin: 20px auto 5px;	width: 645px;}


.pied {text-align: center; font-size: xx-small; color:#C60}
a.pied {font-size: xx-small;} 

.slogan {position:absolute; top: 120px; width: 880px; text-align: right; }
.menu {
	position: absolute;
	top: 10px;
	text-align: center;
	width: 880px;
}
 
 .titrepage {position:absolute; margin-top: 180px; width: 880px; text-align: left; }
 .menu {position:absolute; margin-top: 158px; padding-left: 15px; width: 100px; text-align: center; width: 900px;	font-size: 18px; }
 .ban {position:absolute; padding-left: 15px; width: 900px;}
 .tarif {	text-decoration: underline; font-size: 14px; }
 .tableauuuu {	border-style: solid;	border-width: 1px;	padding: 1px 4px;} 
 .rouge {color: #F00;}
.noir {
	color: #000;
	word-spacing: 0em;
	letter-spacing: 3px;
}

 .football {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #06C;}
 .tennis {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #800;}
 .multimedia {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #080;}
 .danse {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #500;}
 .aventures {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #E0F;}
 .evasion {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #C70;}
 .terre {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #91C;}
 .multisports {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #09C;}
 .infos {	font-size: 12px; text-align: center; font-weight:bold;	color: #FFFFFF;	background-color: #0B0;}
 .biathlon {	font-size: 12px;	text-align: center;	font-weight: bold;	color: #FFFFFF;	background-color: #F60;}
 .muscle {	font-size: 12px;	text-align: center;	font-weight: bold;	color: #FFFFFF;	background-color: #060;}
 .muscledemi {	font-size: 12px;	text-align: center;	font-weight: bold;	color: #FFFFFF;	background-color: #F36;}

 

.footdiv {position:absolute; top: 505px; left: 288px;}
a.foot { background-image: url('images/foot_rollover.png'); display: block; width: 100px } 
a.foot:hover { background: url('images/foot_rollover.png') 0 -100px } 

.tenndiv {position:absolute; top: 305px; left: 188px;}
a.tenn { background-image: url('images/tennis_rollover.png'); display: block; width: 100px } 
a.tenn:hover { background: url('images/tennis_rollover.png') 0 -100px } 

.dancdiv {position:absolute; top: 305px; left: 522px;}
a.danc { background-image: url('images/danse_rollover.png'); display: block; width: 100px } 
a.danc:hover { background: url('images/danse_rollover.png') 0 -100px } 

.evasdiv {position:absolute; top: 227px; left: 400px;}
a.evas { background-image: url('images/evasion_rollover.png'); display: block; width: 100px} 
a.evas:hover { background: url('images/evasion_rollover.png') 0 -100px} 

.multdiv {position:absolute; top: 350px; left: 611px;}
a.mult { background-image: url('images/multimedia_rollover.png'); display: block; width: 100px } 
a.mult:hover { background: url('images/multimedia_rollover.png') 0 -100px } 

.muscdiv {position:absolute; top: 465px; left: 477px;}
a.musc { background-image: url('images/muscles_rollover.png'); display: block; width: 100px } 
a.musc:hover { background: url('images/muscles_rollover.png') 0 -100px } 

.mavediv {position:absolute; top: 262px; left: 300px;}
a.mave { background-image: url('images/1317_rollover.png'); display: block; width: 100px } 
a.mave:hover { background: url('images/1317_rollover.png') 0 -100px } 

.terrdiv {position:absolute; top: 483px; left: 577px;}
a.terr { background-image: url('images/rugby_rollover.png'); display: block; width: 100px } 
a.terr:hover { background: url('images/rugby_rollover.png') 0 -100px } 

.biatdiv {position:absolute; top: 394px; left: 244px;}
a.biat { background-image: url('images/laser_rollover.png'); display: block; width: 100px } 
a.biat:hover { background: url('images/laser_rollover.png') 0 -100px }
 


