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


* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin:0;
	font-size: 62.5%; 
	font-family: 'Helvetica', 'Arial', Verdana, sans-serif; /*change font*/
	line-height: 150%; 
	color:#81AEC3; /*change font color*/
    background-image:url(images/bg13.jpg);
	background-color:#81AEC3;
	background-repeat:repeat-x;
	width:1x;
	height:1200px;
	float: left;
}

div, p, ul, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#d05606; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */




.left_column { width:510px; float:left; padding:50px 0 40px 0;}
.right_column { width:470px; float:left; padding:50px 0 0 0;}


.right_column .description{ float:left; width:100%;}
.featured { width:420px; height:254px; padding:20px 0 0 13px; background:transparent url(css/i/bg_image.png) no-repeat;}
.featuredv { width:351px; height:431px; padding:15px 0 0 28px; background:transparent url(css/i/bg_imagev.png) no-repeat;}
.featured2 { width:430px; height:313px; padding:0 0 0 20px; background:transparent;}
.featured3 { width:490px; padding:0 0 0 250px; background:transparent;}
.featured4 { width:490px; padding:0 0 0 20px; background:transparent;}
.featured5 { width:430px;}


ul.listing{ float:left; padding:12px 60px 28px 10px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(css/i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 0 0; font-size:12px; color:#333}


#main {
    margin-left: auto; margin-right: auto; width: 1000px;
}
#footer {
	color:black;
	background-color:#ffffff;
	width:100%;
	height:100px;
	margin:20px auto 0 auto;
	padding-top:20px;
	font-weight:bold; 
	text-align:center;
}
#footer a {
    font-size:12px;
	color:#4d9fba;
}
.container {
	width:1000px;
	margin:0 auto;
}
.spacer {
	clear: both;
}

#header {
	padding-top:20px;
}
#logo1 h1, #logo1 small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo1 {
	background-image:url(images/logo1.png);
	background-repeat:no-repeat;
	width:292px;
	height:232px;
	float: left;
}

#logo2 h1, #logo2 small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo2 {
	background-image:url(images/logo2.png);
	background-repeat:no-repeat;
	width:586px;
	height:292px;
	float: right;
}
#menu {
    background-image:url(images/fondmenu.png);
	background-repeat:no-repeat;
	width:1000px;
	height:82px;
}
#contenant {
    background-image:url(images/contenant.png); 
	background-repeat:no-repeat;
	width:1000px; 
	height:960px; 
}


.promo {
		margin:0 auto;
		padding:0;
		width:442px;
}

.uv {
		margin-left:0;
		padding-top:100px;
		width:200px;
}


/*txt a:hover()*/

h1 {font-size: 2.4em;}
h2 {font-size: 2.2em; line-height:1.2em; font-weight:normal; border:none; margin:0 0 35px 0; padding:0; color:#333;}
h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding:0 0 22px 0; color:#227ab0;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}



.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {font-size: 1.2em; padding:0; line-height:1.4em;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#585d00; margin:0 0 22px 0;}
.big2 {font-size: 1.3em; padding:0; line-height:1.2em; color:#585d00; margin:0 0 15px 0;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0;}
.stroke { border:1px solid #fff;}


.center{ width:1000px; height:100%; margin:0 auto; padding:0;}













/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 1000px; margin: 0 auto; padding:0;
									
									  position: relative; }
#blogSlider 						{ margin: 0 auto; width: 1000px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 1000px; }
.stripNav 							{ position: relative; top: 0; left:0; z-index: 99; }
.wrapper 							{ padding: 10px; }
.innerWrap 							{ width: 1000px; overflow: hidden; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 82px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(css/i/acceuil.png) top center no-repeat; width: 150px; }
.stripNav li.tab2 a { background: url(css/i/muscu.png) top center no-repeat; width: 140px; }
.stripNav li.tab3 a { background: url(css/i/fitness.png) top center no-repeat; width: 140px; }
.stripNav li.tab4 a { background: url(css/i/imoove.png) top center no-repeat; width: 140px; }
.stripNav li.tab5 a { background: url(css/i/sauna.png) top center no-repeat; width: 140px; }
.stripNav li.tab6 a { background: url(css/i/tarif.png) top center no-repeat; width: 140px; }
.stripNav li.tab7 a { background: url(css/i/contact.png) top center no-repeat; width: 150px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(css/i/acceuil.png) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(css/i/muscu.png) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(css/i/fitness.png) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(css/i/imoove.png) bottom center no-repeat; }
.stripNav li.tab5 a.current { background: url(css/i/sauna.png) bottom center no-repeat; }
.stripNav li.tab6 a.current { background: url(css/i/tarif.png) bottom center no-repeat; }
.stripNav li.tab7 a.current { background: url(css/i/contact.png) bottom center no-repeat; }



/*contact*/

#formail input, #formail textarea{
  border:1px #cccccc solid;
  background:#ffffff;
  width:200px;
}
#formail .check{
	width:20px;
	float:left;
	margin:1.2px;
}
#formail{
  display:block;
  width:960px;
  padding:0px;
  margin:auto;
}
#formail h2{
  margin:0px;
  font:bold 30px "Arial";
  border-bottom:1px #aaaaaa dashed;
  color:#aaaaaa;
}
#formail h2 span{
  color:#333333;
}
#formail ul{
  padding:0px;
  list-style:none;
}
#formail li{
  margin-bottom:10px;
}
#formail li span{
  display:block;
  width:200px;
  font:bold 14px "Arial";
  letter-spacing:-1px;
}
#formail li div{
  color:#d82727;
  margin-top:5px;
  font:bold 12px "Arial";
  float:right;
  width:30px;
}
#formail li div img{
  margin:-2.7px;
  margin-right:3px;
}


/*/////////////////////////
	TABLE
 ///////////////////////////*/
table td{    vertical-align:top; }
table.tarifs{	border-collapse:collapse; }
table.tarifs td{	text-align:center;	width:175px;	border:solid 1px #8cddf8 ;	border-collapse:collapse;	padding:4px 20px; }
table.tarifs td{    vertical-align:middle;  }
table.tarifs tr.head td{ border:none; }
table.tarifs td.features{	background:#4d9fba ;	text-align:left;	width:275px;	height:55px; }
table.tarifs td.mplus{	background:#29241A;	border-color:#8cddf8;	color:#FFF;}
#content table.tarifs tr td h2{	color:inherit!important;	font-size:1.2em!important;	background:none;	border:none;	margin:0; padding:0;}
table.tarifs tr td p{  margin:0; padding:0; font-size:0.9em; font-style:italic;}
table.tarifs td.titre{ height:auto; background:#29241A;}
table.tarifs td.titre h2{  color:#FFF; font-weight:bold!important;}
table.tarifs tr.tophead, table.tarifs tr.tophead td{border:none;}
table.tarifs tr.tophead td.mplus{ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;  -webkit-border-radius-topleft:10px; -webkit-border-radius-topright:10px; }
table.tarifs td.espace{ border-right:solid 1px #8cddf8; border-bottom:none; border-top:none; border-left:none; }
table.tarifs td.espace2{ border-right:solid 1px #8cddf8; border-bottom:solid 1px #8cddf8; border-top:none; border-left:none; }

















/**
 * ZOOMBOX
 * */
#zoombox_aplat {	position:absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height:100%;	background-color: #000;	cursor:pointer;}
#zoombox_loader {	background:url(zoombox/loader.png) left top no-repeat;	position:absolute;	height: 40px;	width: 40px;	cursor: pointer;	top:50%;	left:50%;	margin:-20px 0 0 -20px;overflow: hidden;z-index: 110;}

#zoombox_close {	position: absolute;	top: -12px;	right: -12px;	height: 30px;	width: 30px;	background: transparent url(zoombox/close.png) ;	z-index: 100;}
.zoombox_close{	cursor: pointer;}
#zoombox_contener {	position:absolute;	padding:0;	margin:0;	overflow: visible;	padding:18px 18px 56px 18px;	z-index: 90;}
#zoombox_relative{	position:relative;	width:100%;	height:100%;}
#zoombox_content {	width:100%;	height:100%;	overflow:hidden;	background:#000;}	
#zoombox_content iframe{	border:none;}
#zoombox_nav{	bottom:-36px;	height:26px;	left:0px;	position:absolute;	width:100%;	z-index:100;	text-align:center;	line-height:16px;}
#zoombox_nav table{	border:medium none;	border-collapse:collapse;	border-spacing:0;	margin:0 auto;	padding:0;}
#zoombox_title{	background:transparent url(zoombox/title_r.png) no-repeat top right;	padding-right:13px;}
#zoombox_title span{	display:block;background:transparent url(zoombox/title.png) top left;	padding-left:13px;height:26px;	color:#FFFFFF;	font-family:Arial;	font-size:12px;	font-size-adjust:none;	font-stretch:normal;	font-style:normal;	font-variant:normal;	font-weight:bold;line-height:25px;	text-align:center;}
#zoombox_next {	background:transparent url(zoombox/bouton_d.png) no-repeat top right;	display:block;	height:26px;	width:39px;	cursor:pointer;}	
#zoombox_prev{	background:transparent url(zoombox/bouton_g.png) no-repeat top left;	height:26px;	width:39px;	display:block;	cursor:pointer;}	
#zoombox_next:hover,#zoombox_prev:hover{	background-position:bottom left;}	
.clear{clear:both;}

#zoombox_bg {}
div.zoombox_bg_h {	position:absolute;	top: -18px;	left:0;	width: 100%;	height: 18px;	background: transparent url(zoombox/ombre_h.png) repeat-x;}
div.zoombox_bg_hd {	position:absolute;	top: -18px;	right: -13px;	width: 13px;	height: 18px;	background: transparent url(zoombox/ombre_hd.png) no-repeat;}
div.zoombox_bg_d {	position:absolute;	top:0;	right: -13px;	height: 100%;	width: 13px;	background: transparent url(zoombox/ombre_d.png) repeat-y;}
div.zoombox_bg_bd {	position:absolute;	bottom: -18px;	right: -13px;	width: 13px;	height: 18px;	background: transparent url(zoombox/ombre_bd.png) no-repeat;}
div.zoombox_bg_b {	position:absolute;	bottom: -18px;	left:0;	width: 100%;	height: 18px;	background: transparent url(zoombox/ombre_b.png) repeat-x;}
div.zoombox_bg_bg {	position:absolute;	bottom: -18px;	left: -13px;	width: 13px;	height: 18px;	background: transparent url(zoombox/ombre_bg.png) no-repeat;}
div.zoombox_bg_g {	left: -13px;	top:0;	position:absolute;	height: 100%;	width: 13px;	background: transparent url(zoombox/ombre_g.png) repeat-y;}
div.zoombox_bg_hg {	position:absolute;	top: -18px;	left: -13px;	width: 13px;	height: 18px;	background: transparent url(zoombox/ombre_hg.png) no-repeat;}








/**
 * JGROWL
 **/

div.jGrowl {	padding:10px;	z-index:9999;}

/** Normal Style Positions **/
div.jGrowl {	position:fixed;}
div.jGrowl.top-left {	left: 0px;	top: 0px;}
div.jGrowl.top-right {right: 0px;top: 0px;}
div.jGrowl.bottom-left {left: 	0px;	bottom:0px;}
div.jGrowl.bottom-right {	right: 0px;	bottom: 0px;}
div.jGrowl.center {top: 0px;	width: 50%;	left: 	25%;}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {	margin-left: auto;	margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {	background-color: #000;	color:#fff;	opacity: .85;	filter: alpha(opacity = 85);	zoom:1;	width: 235px;	padding: 10px;	margin-top: 5px;	margin-bottom: 5px;	font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;	text-align: 	left;	display: none;	-moz-border-radius: 5px;	-webkit-border-radius:	5px;}
div.jGrowl div.jGrowl-notification {	min-height: 40px;}
div.jGrowl div.jGrowl-notification div.header {	font-weight: bold;	font-size:10px;}
div.jGrowl div.jGrowl-notification div.close {	float: right;	font-weight: bold;	font-size: 	12px;	cursor:pointer;	background:none!important;	position:inherit;	margin:0;  padding:0; width:auto; height:auto;}
div.jGrowl div.jGrowl-closer {	height: 15px;	padding-top: 4px;	padding-bottom: 	4px;	cursor: pointer;	font-size:11px;	font-weight: bold;	text-align: center;}










/**
 * SYNTAX HIGHTLIGHTER
 * */
.dp-highlighter{	font-family: "Consolas", "Courier New", Courier, mono, serif;	font-size: 12px;	background-color: #F3E7D1;	width: 99%;	overflow: hidden;	margin: 18px 0 18px 0 !important;padding-top: 1px; /* adds a little border on top when controls are hidden */}

/* clear styles */
.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li span {	margin: 0;	padding: 0;	border: none;}
.dp-highlighter a,.dp-highlighter a:hover{	background: none;	border: none;	padding: 0;	margin: 0;}
.dp-highlighter .bar{	padding-left: 45px;}
.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{	padding-left: 0px;}
.dp-highlighter ol{	list-style: decimal; /* for ie */	background-color: #fff;	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */	padding: 0px;color: #5C5C5C;}
.dp-highlighter.nogutter ol,.dp-highlighter.nogutter ol li{	list-style: none !important;	margin-left: 0px !important;}
.dp-highlighter ol li,.dp-highlighter .columns div{	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */	list-style-position: outside !important;	border-left: 3px solid #E5D9C2;	background-color: #352C25;	color: #cccccc;	padding: 0 3px 0 10px !important;	margin: 0 !important;line-height: 14px;}
.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{	border: 0;}
.dp-highlighter .columns{	background-color: #F8F8F8;	color: gray;	overflow: hidden;	width: 100%;}
	.dp-highlighter .columns div{	padding-bottom: 5px;}
.dp-highlighter ol li{	background-color: #352C25;	color: inherit;}
	.dp-highlighter ol li.alt{	background-color: #2a231e;}
	.dp-highlighter ol li span{		color: #cccccc;		background-color: inherit;	}

/* Adjust some properties when collapsed */
  .dp-highlighter.collapsed ol{	margin: 0px;}
.dp-highlighter.collapsed ol li{	display: none;}

/* Additional modifications when in print-view */
.dp-highlighter.printing{	border: none;}
.dp-highlighter.printing .tools{ display: none !important;}
.dp-highlighter.printing li{	display: list-item !important;}

/* Styles for the tools */
.dp-highlighter .tools{	padding: 3px 8px 3px 10px;	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #CCCCCC;	background-color: #352C25;	padding-bottom: 10px;	border-left: 3px solid #E5D9C2;}

.dp-highlighter.nogutter .tools{	border-left: 0;}
.dp-highlighter.collapsed .tools{	border-bottom: 0;}
	.dp-highlighter .tools a{	font-size: 9px;	color: #a0a0a0;	background-color: inherit;	text-decoration: none;	margin-right: 10px;}
	.dp-highlighter .tools a:hover{	color: #FFCC33;	background-color: inherit;	text-decoration: underline;}

/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #999999; background-color: inherit; }
.dp-highlighter .string { color: #ffcc33; background-color: inherit; }
.dp-highlighter .keyword { color: #ffcc33; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }