@charset "UTF-8";
/* CSS Document */
body {
	font:11px "Verdana", Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000 url(images/fd.gif) top left repeat-x;
	margin: 0;
	padding: 0;
}

h1 {
	color:#0f6da7;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

h2 {
	padding:0;
	margin-top:-10px;
	color:#0f6da7;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

h3 {
	margin-top:8px;
	color:#a51717;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

h4 {
	color:#a61b1b;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

hr {
	border:0;
	background:url(images/bg_hr.gif) repeat-x;
	height:2px;
	width:100%;
	float:left;
	padding:2px 0 20px 0;
	
}

.red {
	color:#a61b1b;
	font-weight:bold;
	}
	
#conteneur {
	width:940px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

#top_menu {
	position:relative;
	float:right;
	padding:0;
	
}

#top_menu .topLien:link, .topLien:visited {
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:super;
	}
	
#top_menu .topLien:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}

#top {
	padding-top:45px;
	width:940px;
	margin:0 auto;
	height:114px;
}

#logo {
	float:left;
}

#header1 {
	float:right;
}

#content {	
	float:left;
	position:relative;
	margin:0 auto;
	background:#e6e6e6 url(images/bg_top_content.gif) top left no-repeat;
	width:940px;
	height:auto;
	margin-top:11px;
	z-index:0;
}

#menu{
	position:relative;
	margin:0 auto;
	width:900px;
	height:40px;
	padding-top:20px;
}

#menu #nav { margin: 0; padding: 0; }
#menu #nav li { display: inline; }
#menu #nav li a { float: left; height: 0; padding-top: 40px; overflow: hidden; }
#menu #nav li a,
#menu #nav { background-image: url(images/menu.gif); background-repeat: no-repeat; z-index:9998; }

/* Boutons menu */
#menu #nav li#n-accueil a {width: 136px; background-position: 0 0; }
#menu #nav li#n-evenementiel a {width: 166px; background-position: -136px 0; }
#menu #nav li#n-tarifs a {width: 129px; background-position: -302px 0; }
#menu #nav li#n-partenaires a {width: 169px; background-position: -431px 0; }
#menu #nav li#n-plan a {width: 166px; background-position: -600px 0; }
#menu #nav li#n-contact a {width: 134px; background-position: -766px 0; }

/* Hover */
#menu #nav li#n-accueil a:hover { background-position: 0px -40px; }
#menu #nav li#n-evenementiel a:hover { background-position: -136px -40px; }
#menu #nav li#n-tarifs a:hover { background-position: -302px -40px; }
#menu #nav li#n-partenaires a:hover { background-position: -431px -40px; }
#menu #nav li#n-plan a:hover { background-position: -600px -40px; }
#menu #nav li#n-contact a:hover { background-position: -766px -40px; }

/* Press */
#menu #nav li#n-accueil a:active { background-position: 0px -80px; }
#menu #nav li#n-evenementiel a:active { background-position: -136px -80px; }
#menu #nav li#n-tarifs a:active { background-position: -302px -80px; }
#menu #nav li#n-partenaires a:active { background-position: -431px -80px; }
#menu #nav li#n-plan a:active { background-position: -600px -80px; }
#menu #nav li#n-contact a:active { background-position: -766px -80px; }

/* Active On change le - par le _ et on fait la modif dans le fichier HTML (en enlevant aussi le "href") on garde le '<a>' et '</a>' */
#menu #nav li#n_accueil a {width: 136px; background-position: 0px -80px; }
#menu #nav li#n_evenementiel a {width: 166px; background-position: -136px -80px; }
#menu #nav li#n_tarifs a {width: 129px; background-position: -302px -80px; }
#menu #nav li#n_partenaires a {width: 169px; background-position: -431px -80px; }
#menu #nav li#n_plan a {width: 166px; background-position: -600px -80px; }
#menu #nav li#n_contact a {width: 134px; background-position: -766px -80px; }

#header2 {
	position:relative;
	margin:0 auto;
	width:900px;
	padding-top:10px;
}

#lienVideo {
	width:231px;
	height:306px;
	float:left;
	background:#000 url(images/bg_header2.jpg) top left no-repeat;
	font-size:12px;
	text-transform:uppercase;
}

#lienVideo b {
	font-size:16px;
}

#lienVideo p {
	padding:0px 12px 0 12px;
}

#lienVideo .icoVideo {
	padding:58px 40px 0 50px;
}

#newLife {
	float:right;
	width:669px;
	height:306px;
}

/* Actus */
#actus {
	float:left;
	border:0;
	padding:0;
	margin-bottom:10px;
	width:640px;
	}

#actus p {
	padding:0;
	margin:0;
}

#actus a {
	color:#0f6da7;
	text-decoration:none;
	font-weight:bold;
}

#actus a:hover {
	color:#0f6da7;
	text-decoration:underline;
}

#actus ul {
	list-style:none;
	padding:18px 0 8px 120px;
}

#actus ul li {
	color:#0f6da7;
	font-size:11px;
	font-weight:bold;
	background:url(images/bg_li.gif) 0 2px no-repeat;
	text-indent:20px;
	line-height:24px;
}

#actus ul li a:link, #actus ul li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#0f6da7;
}

#actus ul li a:hover, #actus ul li a:active {
	text-decoration:underline;
}
/*////////////////*/


/*************** Menu gauche *******************/

#menu2 {	
	text-align:right;
	float:left; 
	padding:34px 0 0 118px;
	height: 172px; 
	font-weight:bold;
}

#menu2 #nav2 { margin: 0; padding: 0; }
#menu2 #nav2 li { display:block;}
#menu2 #nav2 li a { text-decoration:none; color:#595959; overflow:visible; line-height:3em; }

#menu2 #nav2 li#n2-muscu a:hover {text-decoration:underline;}
#menu2 #nav2 li#n2-cardio a:hover {text-decoration:underline;}
#menu2 #nav2 li#n2-gRenforcement a:hover {text-decoration:underline;}
#menu2 #nav2 li#n2-gCardio a:hover {text-decoration:underline;}
#menu2 #nav2 li#n2-spinning a:hover {text-decoration:underline;}
#menu2 #nav2 li#n2-detente a:hover {text-decoration:underline;}
#menu2 #nav2 li#n2-sauna a:hover {text-decoration:underline;}

/* Active */

#menu2 #nav2 li#n2_muscu a {text-decoration:none; color:#0f6da7;}
#menu2 #nav2 li#n2_cardio a {text-decoration:none; color:#0f6da7;}
#menu2 #nav2 li#n2_gRenforcement a {text-decoration:none; color:#0f6da7;}
#menu2 #nav2 li#n2_gCardio a {text-decoration:none; color:#0f6da7;}
#menu2 #nav2 li#n2_spinning a {text-decoration:none; color:#0f6da7;}
#menu2 #nav2 li#n2_detente a {text-decoration:none; color:#0f6da7;}
#menu2 #nav2 li#n2_sauna a {text-decoration:none; color:#0f6da7;}

#pages {
	color:#595959;
	background:url(images/bg_border.gif) top left repeat-y;
	float:left;
	width:650px;
	height:auto;
	margin:20px 5px 0 14px;
	padding:14px 0 20px 25px;
}

#pages ul {
	list-style:none;
	padding:18px 0 8px 60px;
}

#pages ul .puces {
	color:#0f6da7;
	font-size:11px;
	font-weight:bold;
	background:url(images/bg_li.gif) 0 2px no-repeat;
	text-indent:20px;
	line-height:24px;
}

#pages ul .puces a {
	color:#a61b1b;
	text-decoration:none;
	}

#pages ul .puces a:hover {
	color:#a61b1b;
	text-decoration:underline;
	}
	
.items {
	float:left;
	padding:5px 15px 20px 0;
	width:200px;
	height:auto;
}

.items p {
	text-align:justify;
	margin-right:20px;
}

.items a {
	color:#0f6da7;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.items a:hover {
	text-decoration:underline;
}

.items img {
	padding-right:5px;
}

.items2{
	float:left;
	padding:30px;
	width:240px;
	height:auto;
}

#logo_les_mills {
	float:left;
	padding:5px 0 5px 60px;
	width:600px;
	height:auto;
}

#bottomContent {
	float:left;
	line-height:19px;
	position:relative;
	margin:0 auto;
	padding-bottom:100px;
	padding-top:3px;
	background:url(images/bg_bottom_content.gif) top left no-repeat;
	width:940px;
	height:27px;
	text-align:center;
	color:#0f6da7;
	font-size:10px;
	font-weight:normal;
}

a.lienCelavi {
	color:#0f6da7;
	font-size:10px;
	font-weight:bold;
	vertical-align:top;
	text-decoration:none;
}

a.lienCelavi:hover {
	text-decoration:underline;
}

/* Horaires d'ouvertures */

table.tableauHoraires {
	margin:20px 0 20px 0;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

td.horaires {
	background-color:#dedede;
	padding:4px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

td.horaires2 {
	background-color:#d1dde5;
	font-weight:bold;
	color:#0f6da7;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.cadreId {
	width:auto;
	float:left;
}

.cadreId2 {
	padding:10px 10px 20px 20px;
	border:10px solid #CCC;
	width:560px;
	float:left;
	margin:30px 0 12px 0;
}

.photoId {
	float:left;
}

.photoId2 {
	float:left;
	padding-top:20px;
	padding-right:6px;
}

.textPhoto {
	width:450px;
	float:left;
}

.textPhoto2 {
	width:200px;
	float:left;
	padding-left:50px;
}

#pages .puces2 {
	list-style:none;
	padding:40px 0 0 10px;
}

.puces2 li{
	color:#0f6da7;
	font-size:11px;
	font-weight:bold;
	background:url(images/bg_li.gif) 0 2px no-repeat;
	text-indent:20px;
	line-height:24px;
}

#pages .puces3 {
	list-style:none;
	padding:0;
	width:350px;
	float:left;
}

.puces3 li{
	color:#0f6da7;
	font-size:11px;
	font-weight:bold;
	background:url(images/bg_li.gif) 0 2px no-repeat;
	text-indent:20px;
	line-height:24px;
}

.btnPlanning {
	cursor:pointer;
	background:none;
	background-image:url('images/btnPlanning.gif');
	width:100px;
	height:24px;
	border:none;
	color:#FFF;
}

.btnPlanning2 {
	cursor:pointer;
	background:none;
	background-image:url('images/btnPlanning2.gif');
	width:100px;
	height:24px;
	border:none;
	color:#FFF;
}

#tablePlanning {
	float:left;
}

.cellPlanning {
	background-color:#CCCCCC;
}

.googleMap {
	border:1px solid #FFF;
}