/* ------------------------------- */
/* -- CSS By Prezenz			-- */
/* -- http://www.prezenz.com	-- */
/* -- Copyright 2009			-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

html {
	height:100%;
}

body {
	height:100%; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	background-color:#FFF;
}

/* ------------------------------- */
/* -- COMMUN					-- */
/* ------------------------------- */

a {
	color:#CF381E;
	text-decoration:none;
}

a:hover {
	color:#999;
}

h1 {
	color: #CF381E;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	text-transform:lowercase
}

h2 {
	color: #333;
	font-size:16px;
	font-weight:normal;
	text-transform:none
}

.alignright {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

/* ------------------------------- */
/* -- FORM						-- */
/* ------------------------------- */

input {
	border:1px solid #999;
	background:#EEE;
	padding:3px;
	width:92%;
}

select {
	border:1px solid #999;
	background:#EEE;
	padding:3px;
	width:94%;
}

textarea {
	border:1px solid #999;
	background:#EEE;
	padding:3px;
	width:92%;
	height:70px;
}

.mandatory {
	display:none;
}

.button div {
	display:inline;
}

.button a {
	cursor:pointer;
}

	.button-left {
		background-image:url(../images/button_left.gif);
		color:#FFFFFF;
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:5px;
		padding-bottom:5px;
		height:36px;
		width:22px;
		float:left
	}
	
	.button-right {
		background-image:url(../images/button_right.gif);
		color:#FFFFFF;
		background-position:right top;
		background-repeat:no-repeat;
		padding-top:5px;
		padding-bottom:5px;
		height:36px;
		width:22px;
		float:left
	}
	
	.button-middle {
		background-image:url(../images/button_middle.gif);
		color:#FFFFFF;
		background-position:left top;
		background-repeat:repeat-x;
		padding:6px;
		padding-top:10px;
		padding-bottom:5px;
		height:31px;
		font-size:18px;
		text-transform:uppercase;
		float:left;
	}

/* ------------------------------- */
/* -- WEBSITE					-- */
/* ------------------------------- */

div#page {
	position: relative;
	text-align: left;
	width:960px;
	height:660px;
	background-image:url(../images/pagebg.gif);
	background-position:00px 20px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

/* ------------------------------- */
/* -- HEADER					-- */
/* ------------------------------- */

#header {
	position:relative;
	padding-top:20px;
}

	/* ------- logo ------- */

	#header #logo a {
		display:block;
		width:91px;
		height:91px;
		position:absolute;
		right:20px;
		top:20px;
	}

	#header #logoprint {
		display:none;
	}

	/* ------- login ------- */
	
	#login {
	}
	
	#login a {
		text-transform:uppercase;
		background-image:url(../images/lock.gif);
		background-repeat:no-repeat;
		background-position:center left;
		padding-left:15px;
	}

	/* ------- language ------- */
	
	#language {
		float:right;
		margin-right:150px;
	}
	
	* html #language {
		margin-right:70px;
	}
	
	#language a.active {
		color:#999;
	}

/* ------------------------------- */
/* -- MAIN						-- */
/* ------------------------------- */

#main {
	padding-top:10px;
	height:620px;
}

	/* ------- flash ------- */

	#main #flash {
		display:table-cell;
		float:left;
		width:330px;
		padding:8px;
		height:590px;
	}

	/* ------- center ------- */

	#main #content {
		display:table-cell;
		float:right;
		width:590px;
		margin-top:90px;
		padding:20px 20px 0 0;
		height:488px;
	}

		/* ------- menu ------- */
			
		#main #content #menu {
			/*height:60px;*/
			float:right;
			/*changé de 10 à 0 pour que le texte rentre sous IE6 */
			margin-left:0px;
			width:108px;
		}
			
		#main #content #menu ul {
			display:inline
		}
			
		#main #content #menu ul li {
			display:block
		}
			
		#main #content #menu ul li a {
			display:block;
			float:left;
			width:108px;
			height:30px;
			background-image:url(../images/home.gif);
			background-repeat:no-repeat;
			background-position:bottom center;
			margin-bottom:3px;
		}
			
		#main #content #menu ul .home a {
			background-image:url(../images/nav-home.gif);
		}
			
		#main #content #menu ul .contact a {
			background-image:url(../images/nav-contact.gif);
		}
			
		#main #content #menu ul .courses a {
			background-image:url(../images/nav-wellness_courses.gif);
		}
			
		#main #content #menu ul .launch a {
			background-image:url(../images/nav-launch_month.gif);
		}
			
		#main #content #menu ul .offer a {
			background-image:url(../images/nav-wellness_offer.gif);
		}
			
		#main #content #menu ul .personal a {
			background-image:url(../images/nav-wellness_session.gif);
		}
			
		#main #content #menu ul .scan a {
			background-image:url(../images/nav-wellness_scan.gif);
		}
			
		#main #content #menu ul .seminar a {
			background-image:url(../images/nav-welness_seminar.gif);
		}
			
		#main #content #menu ul .membership a {
			background-image:url(../images/nav-membership.gif);
		}
			
		#main #content #menu ul .testimonials a {
			background-image:url(../images/nav-testimonials.gif);
		}
			
		#main #content #menu ul .calculator a {
			background-image:url(../images/nav-calculator.gif);
		}
			
		#main #content #menu ul .right a {
			float:right
		}
			
		#main #content #menu ul li a:hover, #main #content #menu ul li .active {
			background-position:top left;
		}

		/* ------- text ------- */
		
		#main #content .text {
			padding:10px;
		}
		
		#main #content .text ul {
			list-style:disc;
			margin-left:10px;
		}
		
		#main #content .text ul li {
			list-style:disc;
			margin-left:10px;
		}
		
		#main #content th {
			padding:3px 3px 0px 3px;
			color:#CF381E;
			font-weight:normal
		}
		
		#main #content td {
			padding:3px;
			font-weight:normal
		}
	
/* ------------------------------ */
/* -- GLIDER				----- */
/* -- Texte simple  			  */
/* ------------------------------ */

#glider .scroller {
	/* Taille de l'élément affiché (Largeur et Hauteur) */
	width: 450px;
	overflow: hidden;
}

#glider .scroller .section {
	/* Section (texte) doit être égal au scroller */
	width: 440px;
	height:470px;
	overflow: auto;
	float: left;
	padding-right:10px;
}

#glider .scroller .content { 
	/* Taille du glider (élevé pour ne pas tout affiché) */
	width: 10000px;
}

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */

div#footer {
	clear:both;
	position: relative;
	font-size: 10px;
}

	#footer a {
		color:#666;
		text-decoration:underline
	}
	
	#footer a:hover {
		color:#999;
		text-decoration:none
	}

/* ------------------------------- */
/* -- / CSS						-- */
/* ------------------------------- */