@charset "utf-8";
/* CSS Document */

/* =========================================================== */
/* === GENERIC ELEMENTS ====================================== */
/* =========================================================== */

html, body {
	padding: 0;
	margin: 0;
}

body {
	background: #959c92 url(../images/page_background.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

td {
	font-size: 12px;
}

a {
	color: #743030;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #BF2B0D;
	text-decoration: underline;
}

h2 {
	background: url(../images/dotline.gif) bottom repeat-x;
	color: #743030;
	font-size: 16px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

h3 {
	color: #743030;
	font-size: 13px;
	padding: 15px 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #999999;
}

h4 {
	font-size: 12px;
}

/* =========================================================== */
/* === PAGE ELEMENTS ========================================= */
/* =========================================================== */

div#PageContainer {
	width: 780px;
	margin: 0 auto;
}

div#PageHeaderContainer {
	background: url(../images/page_header.gif) no-repeat;
	height: 182px;
}

div#PageHeader {
	position: relative;
	background: #990000 url(../images/header2.jpg) no-repeat;
	width: 710px;
	height: 153px;
	margin: 0 30px;
	padding: 29px 0 0 9px;
}

div#PageHeader h1 {
	background: url(../images/actifit.gif) bottom no-repeat;
	width: 189px;
	height: 153px;
	text-indent: -10000px;
	margin: 0;
	padding: 0;
}

div#PageHeaderLinks {
	position: absolute;
	left: 540px;
	top: 29px;
	padding: 3px 8px;
	font-size: 11px;
	background: #EEEEEE;
	font-weight: bold;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

div#PageHeaderLinks span.Separator {
	background: url(../images/header_separator.gif) center no-repeat;
	padding: 0 2px;
	color: #939a90;
	text-indent: -10000px;
}

div#PageHeaderLinks a {
	color: #ab0000;
}

div#PageContent {
	background: url(../images/page_content.gif) repeat-y;
	width: 780px;
	overflow: hidden;
}

div#PageContentLeft {
	float: left;
	width: 204px;
	margin: 0 10px 0 0;
	padding: 0 0 0 36px;
	font-size: 11px;
}

div#PageContentLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#PageContentLeft ul li {
	overflow: hidden;
	width: 175px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../images/leftcolumn_separator.gif) bottom no-repeat;
}

div#PageContentLeft h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #743030;
}

div#PageContentLeft p {
	margin: 0;
	padding: 0;
}

div#PageContentLeft div.Thumbnail {
	float: left;
	width: 47px;
	height: 47px;
	padding: 2px;
	background: url(../images/thumbnail_frame.gif) no-repeat;
	margin: 0 5px 0 0;
}

div#PageContentLeft div#EndColumn {
	background: url(../images/leftcolumn_bottom.gif) no-repeat;
	width: 196px;
	height: 1px;
}

div#PageContentLeft div.Box {
	background: url(../images/leftcolumn_box.gif) no-repeat;
	width: 196px;
}

div#PageContentLeft div.Box h2 {
	background: url(../images/leftcolumn_boxtitle.gif) no-repeat;
	font-size: 14px;
	width: 196px;
	height: 33px;
	margin: 0 0 0 0;
	padding: 10px 0 0 50px;
	color: #FFFFFF;
}

div#PageContentLeft div.Box div.Content {
	padding: 0 10px 10px 10px;
	color: #FFFFFF;
}

div#PageContentRight {
	float: left;
	width: 510px;
	padding: 25px 0 0 0;
}

div#PageFooter {
	background: url(../images/page_footer.gif) no-repeat;
	font-size: 11px;
	padding: 22px 0;
	text-align: center;
}

div#PageFooter span.Separator {
	background: url(../images/footer_separator.gif) center no-repeat;
	padding: 0 10px;
	color: #ab0000;
	text-indent: -10000px;
}

div#PageFooter span.Actifit {
	color: #763232;
	font-weight: bold;
}

div#PageFooter a {
	color: #787878;
}

div#PageFooter a:hover {
	color: #763232;
}

/* =========================================================== */
/* === PAGE MENU ============================================= */
/* =========================================================== */

div#PageMenu {
	background: url(../images/page_menu.gif) no-repeat;
	height: 39px;
	overflow: hidden;
}

div#PageMenu ul {
	float: right;
	height: 28px;
	padding: 6px 35px 0 0;
	margin: 0;
	overflow: hidden;
	list-style: none;
}

div#PageMenu ul li {
	display: inline;
}

div#PageMenu ul li a {
	display: block;
	float: left;
	height: 28px;
	text-indent: -10000px;
}

div#PageMenu ul li a.Activites {
	background: url(../images/menu_activites.gif) no-repeat;
	width: 74px;
}

div#PageMenu ul li a.Evenements {
	background: url(../images/menu_evenements.gif) no-repeat;
	width: 91px;
}

div#PageMenu ul li a.Equipe {
	background: url(../images/menu_equipe.gif) no-repeat;
	width: 96px;
}

div#PageMenu ul li a.Partenaires {
	background: url(../images/menu_partenaires.gif) no-repeat;
	width: 92px;
}

div#PageMenu ul li a.Perso {
	background: url(../images/menu_perso.gif) no-repeat;
	width: 140px;
}

div#PageMenu ul li a.Dietetique {
	background: url(../images/menu_dietetique.gif) no-repeat;
	width: 144px;
}

div#PageMenu ul li a.Consulting {
	background: url(../images/menu_consulting.gif) no-repeat;
	width: 128px;
}

div#PageMenu ul li a.Entrainement {
	background: url(../images/menu_entrainement.gif) no-repeat;
	width: 147px;
}

/* =========================================================== */
/* === ACTIVITIES ============================================ */
/* =========================================================== */

div.ActivitiesDescription {
	overflow: hidden;
	width: 100%;
}

div.ActivitiesLeft {
	float: left;
	width: 250px;
}

div.ActivitiesRight {
	float: left;
	width: 200px;
}

/* =========================================================== */
/* === NEWS ================================================== */
/* =========================================================== */

div#SlideshowContainer {
	float: right;
	border: 1px solid #ab0000;
	width: 190px;
	height: 150px;
	font-size: 11px;
	font-weight: normal;
	overflow: hidden;
}

img.Panoramic {
	float: right;
	border: 1px solid #ab0000;
	margin: 0 0 20px 20px;
}

div.NewsItem {
	border-bottom: 1px dotted #999999;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
}

div.NewsImage {
	float: left;
	border: 1px solid #ab0000;
	padding: 2px;
	margin: 0 10px 10px 0;
}

p#NewsDate {
	text-align: right;
	font-size: 10px;
	color: #999999;
}

/* =========================================================== */
/* === EVENTS ================================================ */
/* =========================================================== */

div#Event {
	margin: 20px 0 0 0;
	width: 100%;
	overflow: hidden;
}

div.EventItem {
	border-bottom: 1px dotted #999999;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
}

div.EventItem h3 {
	padding: 0 0 10px 0;
	margin: 0;
	border: 0;
}

div.EventDate {
	width: 45px;
	height: 49px;
	float: left;
	background: url(../images/calendar.gif) no-repeat;
	text-transform: uppercase;
	text-align: center;
}

div.EventDateLeftColumn {
	width: 45px;
	height: 49px;
	float: left;
	background: url(../images/calendar_lc.gif) no-repeat;
	text-transform: uppercase;
	text-align: center;
}

span.EventDateMonth {
	font-size: 11px;
	color: #ffffff;
	display: block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}

span.EventDateDay {
	font-size: 18px;
	color: #999999;
	display: block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

div.EventDescription {
	margin: 0 0 0 60px;
}

div.EventLeftColumnDescription {
	margin: 0 0 0 50px;
}

/* =========================================================== */
/* === TEAM ================================================== */
/* =========================================================== */

div.TeamMember {
	border-bottom: 1px dotted #999999;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
}

div.TeamMember h3 {
	padding: 0;
	margin: 0;
	border: 0;
}

div.TeamMemberPicture {
	float: left;
	border: 1px solid #ab0000;
	padding: 2px;
	margin: 0 10px 0 0;
}

div.TeamMemberDescription {
	clear: both;
	margin: 5px 0 0 0;
}

/* =========================================================== */
/* === PARTNERS ============================================== */
/* =========================================================== */

div.PartnerLogo {
	float: left;
	border: 1px solid #ab0000;
	padding: 2px;
	margin: 0 10px 0 0;
}

div.PartnerLogosLeftColumn {
	overflow: hidden;
	width: 175px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../images/leftcolumn_separator.gif) bottom no-repeat;
}

div.PartnerLogosLeftColumn div {
	float: left;
	border: 1px solid #ab0000;
	padding: 2px;
	margin: 0 7px 0 0;
}

div.PartnerLogosLeftColumn div.Last {
	float: left;
	border: 1px solid #ab0000;
	padding: 2px;
	margin: 0;
}

/* =========================================================== */
/* === MEMBER PAGE =========================================== */
/* =========================================================== */

table#BookingList {
}

table#BookingList tr {
}

table#BookingList td {
	border-bottom: 1px solid #EEEEEE;
	padding: 3px;
	vertical-align: top;
}

div#Wizard{
	overflow: hidden;
	width: 500px;
	position: relative;
	height: 500px;
	float: left;
}

div#WizardContent{
	width: 1500px;
}

div#WizardStep1,
div#WizardStep2,
div#WizardStep3 {
	width: 500px;
	height: 500px;
	position: relative;
	float: left;
}

div#MachineDescription {
	background: url(../images/ajax-loading.gif) center no-repeat;
	display: none;
	margin: 15px 0;
	overflow: hidden;
	font-size: 11px;
}

div#MachineDescription img {
	float: left;
	border: 1px solid #EEEEEE;
	padding: 3px;
	margin: 0 10px 10px 0;
}

table#AvailTable {
	border: 1px solid #EEEEEE;
	background: #EEEEEE;
	margin: 0 0 10px 0;	
}

td.TimeAvail {
	background: #00ba00;
}

td.TimeNotAvail {
	background: #ba0000;
}

div#BookingComment {
	overflow: hidden;
	display: none;
	margin: 0 0 15px 0;	
}

div#BookingComment div.Left {
	float: left;
}

div#BookingComment div.Right {
	float: right;
}

div#BookingComment textarea {
	width: 250px;
	border: 1px solid #999999;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* =========================================================== */
/* === MISCELLANEOUS ========================================= */
/* =========================================================== */

div#Intro {
	color: #6a7566;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	margin: 0 0 2em 0;
}

div.Important {
	background: #EEEEEE url(../images/info.gif) 10px 10px no-repeat;
	border: 1px solid #ba0000;
	padding: 10px 10px 10px 50px;
}

div.ImportantNoIcon {
	background: #EEEEEE;
	border: 1px solid #ba0000;
	padding: 10px 10px 10px 50px;
}

a.ViewMore {
	background: url(../images/icon_exit_right.gif) no-repeat;
	padding: 0 0 0 17px;
}

a.Back {
	background: url(../images/icon_exit_left.gif) no-repeat;
	padding: 0 0 0 17px;
}

div#GoogleMapContainer {
	width: 490px;
	height: 350px;
	border: 1px solid #ba0000;
	padding: 2px;
}

div#GoogleMapLink {
	padding: 10px 0 0 0;
}

input.SecurityCode {
	float: left;
	font-size: 21px;
	font-weight: bold;
	color: #B41B00;
	width: 135px;
	height: 35px;
	text-align: center;
}

img.SecurityCode {
	float: left;
	margin: 0 0 0 10px;
}

div.GenericContainer {
	overflow: hidden;
}

div.GenericContainer div.Left {
	float: left;
}

div.GenericContainer div.Right {
	float: right;
}

/* ================================================================== */
/* ===  BUTTONS ===================================================== */
/* ================================================================== */

a.Button {
	display: block;
	padding: 0 5px;
	line-height: 26px;
	background-color: #939A90;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	color: #FFFFFF;
	width: 125px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.Button:hover {
	background-color: #ba0000;
	color: #FFFFFF;
}

a#CloseSession {
	background-image: url(../images/disconnect.png);
	padding: 0 0 0 32px;
}

a#NewBooking {
	background-image: url(../images/time.png);
	padding: 0 0 0 32px;
}

a.ButtonDeleteBooking {
	display: block;
	background-color: #939A90;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	text-decoration: none;
	background-image: url(../images/delete.png);
	background-position: 3px 3px;
	padding: 5px;
	font-size: 1px;
	width: 12px;
	height: 12px;
	text-indent: -100000px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.ButtonDeleteBooking:hover {
	background-color: #ba0000;
}

a#CheckAvailability {
	background-image: url(../images/calendar.png);
	padding: 0 0 0 32px;
	width: 130px;
} 

a#Back {
	background-image: url(../images/control_rewind.png);
	padding: 0 0 0 32px;
	width: 75px;
} 

a#Confirm {
	background-image: url(../images/accept.png);
	padding: 0 0 0 32px;
	width: 100px;
} 

a#OtherBooking {
	background-image: url(../images/time.png);
	padding: 0 0 0 32px;
	width: 100px;
} 

a#Finish {
	background-image: url(../images/door_open.png);
	padding: 0 0 0 32px;
	width: 60px;
} 

/* ================================================================== */
/* ===  FILE TYPES ================================================== */
/* ================================================================== */

.IconFile {
	padding: 3px 0 0 22px;
	line-height: 20px;
	background-repeat: no-repeat;
}