body{
	margin: 0;
	padding: 0;
	background-color: #fff;
	
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1, table h1		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #112557; text-transform: uppercase; margin: 0 0 20px 0; line-height: 120%;}
h2 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  color: #25AEDC; margin: 6px 0 12px 0;}
h3 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #25AEDC; margin: 20px 0 10px 0;}
h4 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #4F001D; margin-bottom: -5px;}
h5 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #956678; margin-bottom: -10px;}

p,td 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; margin: 0 0 12px 0; line-height: 150%;}
a		{color: #000000;}
a:hover	{text-decoration: none;}
a.onlResLink{color: #112557; font-weight: bold; text-transform: uppercase;}
	a:hover.onlResLink{font-weight: bold;}

.contenu ul 		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; padding: 0 0 10px 0; margin: 10px 0 10px 0;}
.contenu li			{margin: 0 0 0 25px; padding: 0 0 10px 0; list-style-type: disc;}
.contenu ol			{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000;}
.contenu ul li ul	{padding: 0;}
.contenu ul li ul li{padding-bottom: 0;}

hr 					{ border: 1px solid #319cd2; margin: 20px 0;}

	.contenu{
	margin: 25px 0 0 25px;
	}

	.splPageGLobal{
    position:absolute;
    left: 50%; 
    top: 50%;
    width: 970px;
    height: 574px;
    margin-left: -485px; /* moitié de la largeur */
    margin-top: -287px; /* moitié de la hauteur */
	
	font-size: 0;
	}
	
		.splPageGLobal .splPage{
		position: relative;
		}
		
			.splPageGLobal .splPage .language{
			width: 970px;
			position: absolute;
			top: 340px;
			left: 0;
			
			color: #25AEDC;
			font-size: 14px;
			text-align: center;
			line-height: 120%;
			}
			
				.splPageGLobal .splPage .language a{
				color: #25AEDC;
				text-decoration: none;
				font-weight: bold;
				}
				
					.splPageGLobal .splPage .language a:hover{
					color: #00467f;
					}
					
	.container{
	width: 970px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
	
		.header{
		width: 845px;
		height: 90px;
		position: relative;
		background-color: #0e346b;
		}
		
			.header img{
			display: block;
			padding: 9px 0 0 0;
			}
			
			.header a{
			position: absolute;
			width: 235px;
			height: 72px;
			top: 8px;
			left: 0;
			background: transparent url('/images/spacer.gif');
			display: block;
			}
			
		.menu{
		width: 845px;
		background-color: #112557;
		position: relative;
		}
		
			.menu ul{
			width: 700px;
			height: 31px;
			overflow: hidden;
			line-height: 31px;
			}
			
				.menu ul li{
				float: left;
				text-transform: uppercase;
				display: block;
				
				color: #fff;
				}
				
					.menu ul li:hover{
					cursor: pointer;
					}
					
					.menu ul li a{				
					padding: 11px 10px;
					color: #fff;
					text-decoration: none;
					
					font-size: 12px;
					font-weight: normal;
					}
					
						.menu ul li a:hover{
						background-color: #319cd2;
						color: #fff;
						}
						
						.menu ul li a.select{
						background-color: #319cd2;
						}
						
						.sectionTennis .menu ul li a.tennis{background-color: #319cd2;}
						.sectionSquash .menu ul li a.squash{background-color: #319cd2;}
						.sectionGym .menu ul li a.gym{background-color: #319cd2;}
						.sectionServices .menu ul li a.services{background-color: #319cd2;}
						.sectionnewsRoom .menu ul li a.newsroom{background-color: #319cd2;}
						.sectionStudios .menu ul li a.studios{background-color: #319cd2;}
						.sectionContact .menu ul li a.contact{background-color: #319cd2;}
						
				.menu .login{
				position: absolute;
				top: 5px;
				right: 20px;
				margin: 0;
				background-color: #fff;
				padding: 2px 7px 0 7px;
				height: 18px;
				}

				html>body .menu .login{
				position: absolute;
				top: 5px;
				right: 20px;
				margin: 0;
				background-color: #fff;
				padding: 0 7px;
				height: auto;
				}
				
				
			
					.menu .login a{
					text-decoration: none;
					}
					
					/*
					.menu .login a{
					padding: 2px 10px;
					background-color: #fff;
					color: #112557;
					text-decoration: none;
					font-size: 12px;
					
					}
					*/
					
						.menu .login a:hover{
						color: #25AEDC;
						}
						
				.introEn .menu .login{
				position: absolute;
				top: 5px;
				right: 140px;
				margin: 0;

				}
					
					.menu .login a img{
					padding: 0 5px 0 0;
					line-height: 50px;
					}
					
					
	.whatNew{
	width: 388px;
	padding: 6px;
	background-color: #e6e7e8;
	}
	
		.whatNew h2{
		padding: 4px;
		margin: 0;
		background-color: #112557;
		color: #fff;
		font-size: 16px;
		
		text-transform: uppercase;
		font-weight: normal;
		}
		
		.whatNew p{
		margin: 6px 0 0 0;
		padding: 6px 8px;
		background-color: #fff;
		color: #000;
		font-size: 11px;
		line-height: 12px;
		}
		
	html>body .footer{
	height: 50px;
}				
	
	.footer{
	background-color: #e6e7e8;
	height: 48px;
	padding: 10px 0 0 0;
	font-size: 11px;
	color: #58595B;
	text-align: center;
	}
	
		.footer a{
		color: #58595B;
		}
	
		.footer ul{
		overflow: hidden;
		margin: 0 0 0 60px;
		}
			
			.footer ul li{
			float: left;
			font-size: 11px;
			}
			
				.footer ul li a{
				color: #58595B;
				padding: 0 3px;
				line-height: 120%;
				}
				
		.footer p{
		margin: 10px 0 0 0;
		
		font-size: 9px;
		text-align: center;
		color: #58595B;
		clear: both;
		}
		
	.onlineReservation{
	width: 415px;
	height: 124px;
	padding: 6px;
	background-color: #00bce4;
	}
	
		.onlineReservation .content{
		position: relative;
		padding: 6px 6px 6px 196px;
		height: 112px;
		background-color: #112557;
		}
	
			.onlineReservation .content h2{
			margin: 12px 0 4px 0;
			
			text-transform: uppercase;
			color: #fff;
			}
			
			.onlineReservation .content a{
			display: block;
			margin: 0 0 10px 0;
			
			color: #00BCE4;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			}
							
				.onlineReservation .content a:hover{
				color: #fff;
				text-decoration: none;
				font-weight: bold;
				}
				
			.onlineReservation .content p{
			color: #fff;
			font-size: 9px;
			}
			
			.onlineReservation .content img{
			position: absolute;
			top: 5px;
			left: 6px;
			}
			
	.introDemo{
	width: 415px;
	/*height: 136px;
	padding: 6px;*/
	background-color: #112557;
	position: relative;
	height: 120px;
	}
		
		/*
		.introDemo #slideshow{
		display: block;
		padding: 6px;
		position: absolute;
		top: 6px;
		left: 6px;
		}
		
		
		.introDemo #slideshow{
		position: absolute;
		top: 6px;
		left: 22px;
		}
		*/
	
			
	.commanditaires{
	margin: 13px 0 0 0;
	padding: 20px 0 0 0;
	/*border-top: 1px solid #000;*/
	text-align: center;
	}
	
		.commanditaires img{
		padding: 0 24px;
		}
		
	table .prs, table .ranking, table .horaire, table .tarifs, table .login{
	margin: 15px 0 0 0;
	border: 1px solid #112557;
	}
	
	table .ranking a{
	border: 0;
	}
	
		table .prs th, table .ranking th, table .ranking td.liketh, table .horaire th, table .horaire td.liketh, table .tarifs th, table .tarifs td.liketh, table .login th, table .login td.liketh{
		background-color: #00bce4;
		padding: 5px;
		color: #fff;
		border: 1px solid #112557;
		font-weight: bold;
		text-align: center;
		}
		
		table .prs td, table .ranking td,  table .horaire td, table .tarifs td, table .login td{
		padding: 5px;
		border: 1px solid #112557; 
		}
	
.loginProfil{
font-weight: bold;
color: #112557;
}

	.loginProfil a{
	color: #112557;	
	}
	
.rightTitlePics{
position: absolute;
top: 165px;
right: 18px;
}		

html>body .rightTitlePics{
	right: 0px;
}				

.colGauche{
	background-color: #0e346b;
}