body {
	margin: 0;
	padding: 0;
/*   	background: url(../img/bg.gif)  left top repeat-x #bdde37;  */
}

p {
	margin-top: 0;
	padding-top: 0;
}
form {
	margin: 0;
	padding: 0;
	border: 0px solid #FFF;
}
body, select, td, input, div, textarea{
	font: 12px Verdana, Times New Roman, Times, serif;
	color: #2f2f2f;
}
input, textarea {
	background: #FFF;
	color: #000;
	border: 1px solid #000;
	padding-left: 2px;
}

.radio {
	background: none;
	border: 0;
}
label {
	font-weight: bold;
}
a img {
	border:0;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #0083C9;
}
a:hover {
	text-decoration: underline;
	color: #2f2f2f;
}
.recTrouve {
	background-color: #FF6600;
}
hr {
	padding: 0;
	margin: 5px 0 5px 0;
	height: 1px;
}
.clear {
  	clear: both; 
	height: 0px;
	padding: 0;
	margin: 0;
	font-size: 0;
	visibility: hidden; 
}
.imgLeft {
	float: left;
	margin-right: 5px;
}
.imgRight {
	float: right;
	margin-left: 5px;
}
.imgTop {
	margin-bottom: 10px
}
.imgBottom {
	margin-top: 10px
}


h1 {
	font-size: 14px;
	margin: 0 0 8px 0;
	color: #585757;
	padding-left: 53px;
}
h2 {
	font-size: 12px;
	margin: 0 0 8px 0;
}

h3 {
	font-size: 12px;
	margin: 0 0 8px 0;
}
h4 {
	font-size: 11px;
	margin: 0 0 8px 0;
}

.tpTexte {
	margin-bottom: 20px;
	clear:both;
}

.tpTexte ul li{
	list-style-type : square;
	list-style-position: inside;
}

#container {
	display: block;
	position : relative;
 	z-index : 500; 
	width: 900px;
	margin: 0 auto;
	background: url(../img/fond_blanc.png) repeat-y; 
	overflow : hidden;
}
#container_haut {
	width: 900px;
}

#logo {
	z-index:1000;
	position : absolute;
	margin-left: 15px;
	top: 20px;
}

 #axel{
	width : 200px;
	height: 240px;
	position : absolute;
	top : 0;
	z-index : 0;
 	margin-left: 697px; 
 	background: url(../img/axel2.png) transparent top no-repeat; 
} 

#flashDate {
	position: absolute;
	z-index:1000;
	margin-left: 45px;
	top: 90px;
}

#flashAxel {
	position:absolute;
	display:block;
 	cursor: pointer;
}

#flashAxel.kart {
	position : absolute;
	z-index : 0;
	top : 0px;
	left: 20px;
}

#fcbk{
 position : absolute; 
 background :#fff; 
 margin-left : 480px; 
top : 80px;
}

.fcbk{
 margin-left : 480px; 
top : 80px;
}


#bonus{
position : absolute;
margin-left : 160px;
top : 80px; 
display : none;
}
#anniv{
position : relative;
z-index : 500;
border : 1px solid #929292;
float : right;
margin-left : 15px;
}

#anniv:hover{
cursor : pointer;
background : #d6083b;
}

#kart{
position : relative;
/* z-index : 500; */
border : 1px solid #929292;
background : transparent;
float : left;
margin-left : 15px;
}

#kart:hover{
cursor : pointer;
background : #0083c9;
}

#newsletter{
position : relative;
border : 1px solid #929292;
float : left;
}
#newsletter:hover{
cursor : pointer;
background : #f79318;
}


#fade {
	position: absolute;
	width:900px;
	height: 210px;
	z-index:100;
	top: 20px;
	display: none;
	overflow: hidden;
}

#fade img{
	display:none;
}

#navSiteEspaceur1{
	position: absolute;
	z-index: 1000;
	width: 760px;
	height: 53px;
	display: block;
	overflow: hidden;
	margin-top: 80px;
}

#navSiteEspaceur1 a{
	width: 173px;
	height: 106px;
	padding-left: 5px;
	float: left;
	margin-right: 11px;
}
#navSiteEspaceur1 a:hover{
	margin-top: -53px;
}
#navSiteEspaceur1 img {
	width: 168px;
	height: 53px;
	float: left;
}
#navSiteEspaceur2 img {
	width: 178px;
	height: 226px;
	float: left;
	margin-right: 11px;
}
#navSec {
	font-size : 8px;
	position : absolute;
	top : 12px;
 	right : 160px; 
	height: 30px;
	float: right;
	padding: 0 20px 0 0;
}
#navSec span{
	float: left;
	margin: 0 2px 0 2px;
	color: #929292;
}
#navSec span.padTop{
	padding-top: 3px;
}
#navSec a, #navSec a:link, #navSec a:visited {
 	color: #929292; 
	font-weight: bold;
	font-size: 9px;
	padding-top: 4px;
	display:block;
}
#navSec a:hover {
	color: #414141;
	text-decoration: none;
}

#navSec a.navOn:link, #navSec a.navOn:visited{
	color: #C00D24;
}

#navSec a.retourAccueil, #navSec a.retourAccueil:link, #navSec a.retourAccueil:visited {
	background: url('../img/maison_accueil.gif') 40px 6px no-repeat;
	padding-right: 10px;
}


#encartNews {
	clear : both;
	position : absolute; 
	height : 25px;
	width : 600px;
	top : 40px;
	left : 160px; 
	border : 1px solid #929292;
}

#encartNews h1 {
	font: 14px bold 'Trebuchet MS', helvetica, sans-serif;
	text-transform : uppercase;
	color : #fff;
	padding : 5px;  
	display : block;
	float : left;
 	background : #7dbf10; 
}



#container_bas {
position : relative;
/*   margin-top : 210px;   */
}

#communaute h1, h2.title, #contenu h1{
	font: 14px bold 'Trebuchet MS', helvetica, sans-serif;
	text-transform : uppercase;
	text-align : left;
	width : 100%;
	color : #414141;
	padding : 5px;  
	display : block;
	float : left;
	border-bottom : 1px solid #929292;
}

#contenu h3 {
	font: 14px bold 'Trebuchet MS', helvetica, sans-serif;
	text-align : left;
	width : 100%;
	color : #414141;
	padding : 5px;  
	display : block;
	float : left;
}


div.horizontal_scroller{  
	position:relative;    
	display:block; 
	height : 20px;
	overflow:hidden;
	background-color : #fff;
}  

div.scrollingtext{  
	position:absolute;  
	white-space:nowrap;
 	width : 1500px; 
	height : 20px;
} 

div.scrollingtext  a.titre, div.scrollingtext a.titre:link, div.scrollingtext a.titre:visited {
	color : #2f2f2f;
	font-weight : bold;
	text-decoration: none;
	display : inline;
  	float : left;    
	margin-right : 30px;  
 	margin-top : 5px; 
}

div.scrollingtext a.titre:hover {
	color : #0083c9;
	text-decoration: none;
}

div.scrollintext p.texte {
	display:none;
}

#aNePasManquer .encartBonus {
	margin-top: 7px;
	margin-left: 5px;
	padding-right: 10px;
}
.encartBonus {
	margin-bottom: 15px;
}
.encartBonus h3, #glider h3 {
	font-size: 14px;
	margin: 0 0 8px 0;
	color: #585757;
}

 #contenu h3{
	padding-left: 53px; 
} 


#newsBou {
	color: #0083C9;
	border: 0;
	font-weight: bold;
	font-size: 10px;
	padding: 0;
	width: 60px;
	background: url(../img/newsBou.gif) 0 5px no-repeat;
}

#newsTxt {
	width: 145px;
	border: 1px solid #929292;
	font-size: 9px;
	margin-left: 22px;
	text-align: center;
}

#contenu {
	position : relative;
	float: left;
	width: 520px;
	margin-top : 10px;
	padding: 0px 20px 1px 20px;
/* 	z-index : 2000; */
}
#droite {
	position : relative;
	float: right;
	width: 280px;
/* 	margin-top : 10px; */
	padding-left: 11px;
	padding-bottom: 1px;
}

  #communaute{
	width : 230px;
}

#communaute h1 {
	width : 228px; 
}  

#copy {
	width: 196px;
	padding: 60px 0 46px 0;
	float:right;
}

#copy img {

}
#siteOfficiel {
	text-align: center;
	padding: 10px 0;
	font-size: 10px;
}
#siteOfficiel a {
	color: #c6c6c6;
}

#bas {
	clear: both;
	padding: 10px 30px;
	font-size: 10px;
}
.pageSP {
	clear: both;
	font-weight: bold;
}
.pageS {
	float: right;
}
.pageP {
	float: left;
}
.pageSP a:link, .pageSP a:visited, .pageSP a:active {

}
.pageSP a:hover{
	color: #000;
}
.pageMIL {
	text-align: center;
	font-weight: bold;
}
.pages {
	text-align: center;
	padding: 0 120px;
}
#xiti-logo {
	margin-top: 5px;
	text-align: center;
}
/*
bleu 0083C9
vert 00AB4E
jeune E9BB32
orange F08F17
*/

 #navHaut1, #navHaut2,#navHaut3, #navHaut4, #navHaut5 {
 	position: relative;  
 	z-index:1000;  
   	margin-left: 75px;  
	width: 756px;
	height: 210px;
/*   	margin-top : 10px;    */
}
 
#navHaut1{
	display: block;
}

#navHaut2, #navHaut3, #navHaut4, #navHaut5 {
	display: none;
}

#navHaut1, #navHaut2, #navHaut3{
	background: url(../img/patinoire/4paves.png) no-repeat;
}


#navHaut4{
	background: url(../img/bowling/4paves.png) no-repeat;
}

#navHaut5{
	background: url(../img/stadium/4paves.png) no-repeat;
}


#controlNav{
position : relative;
margin-top : 240px; 
margin-left : 80px;
height : 30px;
clear : both;
}

.agenda{
font-size: 9px;
color :#fff;
cursor : pointer;
background: url(../img/fondbouton.png) transparent top left no-repeat;
width : 136px;
height : 21px;
border : none;
display : none;
float : left;
}

.agenda.bowling{
background: url(../img/fondboutonb.png) transparent top left no-repeat;
}

.agenda.stadium{
background: url(../img/fondboutons.png) transparent top left no-repeat;
}

.agenda:hover{
background: url(../img/fondbouton.png) transparent  -137px no-repeat;
}
#navSite1, #navSite2, #navSite3, #navSite4, #navSite5 {
	position: absolute;
	display:block;
	overflow: hidden;
	height: 190px;
	width: 756px;
}

#navSite1Contenu, #navSite2Contenu, #navSite3Contenu, #navSite4Contenu, #navSite5Contenu {
	position: absolute;
}

.bloc {
	width: 173px;
	height: 182px;
	float: left;
	margin-right: 11px;
	padding: 5px 0 0 5px;
	display: block;
	overflow: hidden;
}
.blocPhoto {
	width: 168px;
	text-align: center;
}
.blocTexte {
	position: absolute;
	width: 158px;
	height: 56px;
	padding: 3px 5px;
	font-size: 10px;
	background: url(../img/pave-transparent.png) no-repeat;
}
.blocTexte a, .blocTexte a:visited, .blocTexte a:hover,.blocTexte p{
	color: #FFF;
	text-decoration: none;
}

.blocTexte{
	margin-top: 120px;
}
.nAll .bloc1 .blocPhoto, .nPatinoire .bloc1 .blocPhoto, .nTennis .bloc1 .blocPhoto, .nStadium .bloc1 .blocPhoto, .nBowling .bloc1 .blocPhoto{
	padding-top: 53px;
}
#flecheG1, #flecheD1, #flecheG2, #flecheD2, #flecheG3, #flecheD3, #flecheG4, #flecheD4, #flecheG5, #flecheD5 {
	position: absolute;
	top: 12px;
	z-index: 1000;
}
#flecheG1, #flecheG2, #flecheG3, #flecheG4, #flecheG5{
	display: none;   
	margin-left: -52px;
}
#flecheD1, #flecheD2, #flecheD3, #flecheD4, #flecheD5 {
	margin-left: 756px;
}
.nAll #bloc1 .blocTexte, .nPatinoire #bloc1 .blocTexte{
	background: url(../img/patinoire/pave-transparent.png) no-repeat;
}
.nAll #bloc2 .blocTexte, .nTennis #bloc1 .blocTexte{
	background: url(../img/tennis/pave-transparent.png) no-repeat;
}
.nAll #bloc3 .blocTexte, .nStadium #bloc1 .blocTexte{
	background: url(../img/stadium/pave-transparent.png) no-repeat;
}
.nAll #bloc4 .blocTexte, .nBowling #bloc1 .blocTexte{
	background: url(../img/bowling/pave-transparent.png) no-repeat;
}

.blocTexte.null{
	color: #FFF;
	text-decoration: none;
	}

.nstadium.blocTexte.null{
	background: url(../img/stadium/stadiumnull.jpg) no-repeat;
	}	

/**************   	jeu patinoire    ****************/	


#footer{
color : #2f2f2f;
clear : left;
margin-top:230px;
margin-left : 50px;
width : 480px;
font-size : 8px;
}
 
.valider {
	width:77px;
	height:28px;
	background-color: #0083c9;
	border: 0px;
	color : #fff
}

.valider:hover {
	cursor:pointer;
	background-color: #f79318;
}
h2.question {
font-size : 16px;
font-style :italic;
color : #0083c9;
margin-top : 30px;
margin-left : 30px;

}