* {font-family:Arial, Helvetica, sans-serif}

body {background:#E5F4FB; margin:0; padding:0}
#fond {width:1110px; margin:auto; background:url(../images/aile.jpg) no-repeat 0 124px #E5F4FB}
#haut_accueil {width:1000px; height:216px; margin:auto; background:url(../images/haut-accueil.jpg)}
#bas_accueil {width:1000px; height:357px; margin:auto}

#haut {width:1000px; height:236px; margin:auto; background:url(../images/haut.jpg)}
#bas {width:1000px; margin:auto; background:url(../images/vague.gif) #BDE4F4 no-repeat; min-height:596px}



#bas_accueil #gauche {width:542px; height:357px; background:url(../images/fond-bas-gauche.jpg)}
#bas_accueil #droite {width:458px; height:357px; background:url(../images/fond-bas-droite.jpg); position:absolute; margin-left:542px}

#bas  #gauche {width:196px; float:left; min-height:596px}
#bas  #droite {width:804px; margin-left:196px}


#footer {width:1000px; height:28px; background:#009EE0; margin:auto}

/*#bas_accueil #droite #actualites {width:200px; height:31px; padding:5px 0 0 214px}*/
#bas_accueil #droite #actualites a {font-size:12px; color:#EE9251; font-weight:bold; text-decoration:none; display:block; margin:12px 0}

#bas_accueil #droite #video {padding-top:60px}

#bas_accueil #gauche #cours {position:absolute; margin:270px 0 0 210px; display:block; font-weight:bold; color:#008A88; font-size:12px; text-decoration:none}

#bas_accueil #gauche #aqua {position:absolute; margin:306px 0 0 190px; display:block; font-weight:bold; color:#008A88; font-size:14px; text-decoration:none}

#bas_accueil #gauche #bebe {position:absolute; margin:330px 0 0 186px; display:block; font-weight:bold; color:#008A88; font-size:12px; text-decoration:none}

#bas_accueil #gauche #bar {position:absolute; margin:294px 0 0 286px; display:block; font-weight:bold; color:#2863A9; font-size:14px; text-decoration:none}

#bas_accueil #gauche #jeux {position:absolute; margin:314px 0 0 300px; display:block; font-weight:bold; color:#2863A9; font-size:12px; text-decoration:none}

#bas_accueil #gauche #snack {position:absolute; margin:330px 0 0 290px; display:block; font-weight:bold; color:#2863A9; font-size:12px; text-decoration:none}

#bas_accueil #gauche #fitness {position:absolute; margin:330px 0 0 390px; display:block; font-weight:bold; color:#7B3B21; font-size:14px; text-decoration:none}

#bas_accueil #gauche #spa {position:absolute; margin:315px 0 0 440px; display:block; font-weight:bold; color:#7B3B21; font-size:14px; text-decoration:none}

#bas_accueil #gauche a:hover {text-decoration:underline !important}

#bas_accueil #gauche #espace_aqua {position:absolute; margin:-42px 0 0 209px}
#bas_accueil #gauche #espace_bowling {position:absolute; margin:-49px 0 0 306px}
#bas_accueil #gauche #espace_bien_etre {position:absolute; margin:-51px 0 0 406px}
#bas_accueil #gauche #espace_aqua img, #bas_accueil #gauche #espace_bowling img, #bas_accueil #gauche #espace_bien_etre img, #bas_accueil #gauche #pass_groupes img, #bas_accueil #gauche #pass_familles img {border:0}

#bas_accueil #gauche #pass_familles {margin:32px 0 0 53px; position:absolute}
#bas_accueil #gauche #pass_groupes {margin:167px 0 0 81px; position:absolute}


#footer, #footer_rubrique {text-align:center; font-size:11px; color:#fff; line-height:24px}


#footer a, #footer_rubrique a {position:absolute; margin:0 0 0 430px}
#footer a img, #footer_rubrique a img {border:0}

#infos {width:1000px; text-align:right; margin:auto}

#infos, #infos a {color:#2863A9; font-size:12px; line-height:26px; text-decoration:none; font-weight:bold}

#infos a:hover {color:#008B88}

#arianne, #arianne * {color:#009EE0; font-size:11px; margin:0; background:#D5EEF8}

h1.titre {color:#009EE0; font-size:22px; background:#D5EEF8; margin:0; padding:10px 0}

div.haut_actualite {background:url(../images/haut_actualites.gif); width:804px; height:51px}
div.bas_actualite {background:url(../images/bas_actualites.gif); width:804px; height:51px}
div.milieu_actualite {background:url(../images/milieu_actualites.gif); width:804px; height:50px}
div.actualite h2, div.actualite h2 *, div#actualite h2, div#actualite h2 * {margin-top:0; font-size:18px; color:#fff; padding-left:20px; text-decoration:none}

div.actualite.line1 h2 a:hover { color:#009EE0; }
div.actualite.line2 h2 a:hover { color:#85CDEA; }

div.actualite.line1 img {border:2px solid #009EE0}
div.actualite.line2 img {border:2px solid #7EC9E8}

div.actualite {width:804px}
div.actualite.line1 {padding-bottom:64px; background:url(../images/actualite1.gif) #7EC9E8 no-repeat left bottom}
div.actualite.line2 {padding-bottom:64px; background:url(../images/actualite2.gif) #009EE0 no-repeat left bottom}


div.actualite.fin {padding-bottom:51px; background:url(../images/actualite_fin.gif) #7EC9E8 no-repeat left bottom}

div.actualite .date, div#actualite .date {color:#fff; font-size:12px; text-align:right; padding-right:190px}
div#actualite .date {padding-right:210px}

div.actualite .accroche, div#actualite .description {color:#000; padding-left:45px; width:575px}
div.actualite .accroche p, div#actualite .description p {margin-top:0}
div.actualite .accroche, div.actualite .accroche *, div#actualite .description, div#actualite .description * {font-size:12px; text-align:justify}
div#actualite .description {min-height:220px}


div.actualite table td {vertical-align:top}
div#actualite {background:#7EC9E8}

#pagination {background:#BDE4F4; text-align:center; padding-bottom:20px;}
#pagination, #pagination a {color:#009EE0; font-size:14px; text-decoration:none}
#pagination * {margin:0}

#pagination .no_link{color:#999999}

table#pagination {width:100%}
table#pagination td {width:33%; vertical-align:top; padding-top:20px}

table#pagination td.gauche {text-align:left}
table#pagination td.centre {text-align:center}
table#pagination td.droite {text-align:right}

#gauche img {border:0}
#gauche #pass_familles {position:absolute; margin:55px 0 0 25px}
#gauche #pass_groupes {position:absolute; margin:200px 0 0 60px}

#haut #menu {margin:0; list-style-type:none; padding:0}

#haut #menu li {display:inline}
#haut #menu li a {font-size:13px; text-decoration:none; font-weight:bold; position:absolute}
#haut #menu li.aqua a {color:#008A88; margin:188px 0 0 395px}
#haut #menu li.bowling a {color:#2863A9; margin:195px 0 0 543px}
#haut #menu li.bien_etre a {color:#B69C61; margin:212px 0 0 650px}
#haut #menu li.brasserie a {color:#549443; margin:225px 0 0 772px}
#haut #menu li.actualites a {color:#009EE0; margin:220px 0 0 898px}

.visuel_actu {border:2px solid #009EE0}

div#actualite .description {width:550px}

div#actualite .portfolio {height:120px; background:#009EE0; width:580px; padding-top:8px}
.portfolio {padding-left:20px}
.portfolio img {border:2px solid #008A88; height:100px; margin-right:15px}

div#actualite td {vertical-align:top}

.portfolio * {text-decoration:none}

div#actualite #fonctions {background:#98D9F3}

div#actualite #liens {position:absolute; margin-left:610px}
div#actualite #liens li {list-style-image:url(../images/puce.gif)}
div#actualite #liens a {color:#fff; font-size:12px; font-weight:bold; font-size:12px; text-decoration:none}

#gauche ul {margin:30px 0 0 0; padding:0; list-style-type:none}

#gauche ul li.line0 a {padding-left:37px; background-position:24px 9px}
#gauche ul li.line1 a {padding-left:27px; background-position:15px 9px}
#gauche ul li.line2 a {padding-left:19px; background-position:9px 9px}
#gauche ul li.line3 a {padding-left:17px; background-position:6px 9px}
#gauche ul li.line4 a {padding-left:18px; background-position:6px 9px}
#gauche ul li.line5 a {padding-left:20px; background-position:8px 9px}
#gauche ul li.line6 a {padding-left:23px; background-position:11px 9px}

.descint{
	margin-right:219px;
}

.passvague{
	background:url(../images/actualitesbas2_03.gif) no-repeat scroll left bottom #7EC9E8;
	padding-bottom:64px;
	font-size:12px;
	
}

.descriptionpass{
	padding:20px;
}

.descriptionpass h3{
	color:#fff;
	
}

.fonctionpass{
	padding:20px;
}

.fonctionpass .liens a{
	color:#fff;
	margin-left:15px;
}

#pass #description {padding:16px 20px 52px 20px;}
#pass #description, #pass #description * {font-size:12px}
#pass .pass h2 {font-size:18px; padding-left:20px; margin-top:0}
#pass .pass h2 * {text-decoration:none}

#pass .pass table {width:804px}
#pass .pass .gauche {font-size:12px; width:579px; vertical-align:top; padding-left:45px}
#pass .pass .droite {padding-right:16px}

#lien_accueil {display:block; position:absolute; width:140px; height:160px; margin:40px 0 0 700px; background:url(bidon.gif)}
#lien_actus {display:block; position:absolute; width:106px; height:40px; margin-top:-10px; margin-left:100px; background:url(bidon.gif); }

#bulle {display:block; position:absolute; margin:-84px 0 0 44px}

#plan {background:url(../images/haut_actualites.gif) #7EC9E8 no-repeat; padding:70px 16px 30px 16px}
#plan, #plan * {font-size:12px}

#map {margin:auto}

#puce_aqua, #puce_bowling, #puce_bien_etre, #puce_actualites, #puce_brasserie {position:absolute}
#puce_dessus_aqua, #puce_dessus_bowling, #puce_dessus_bien_etre, #puce_dessus_actualites, #puce_dessus_brasserie {position:absolute; display:none}

#puce_aqua, #puce_dessus_aqua {margin:178px 0 0 459px}
#puce_bowling, #puce_dessus_bowling {margin:183px 0 0 589px}
#puce_bien_etre, #puce_dessus_bien_etre {margin:199px 0 0 695px}
#puce_brasserie, #puce_dessus_brasserie {margin:213px 0 0 822px}
#puce_actualites, #puce_dessus_actualites {margin:210px 0 0 925px}


#contact {background:url(../images/haut_actualites.gif) #7EC9E8 no-repeat; padding:40px 16px}
#contact, #contact * {font-size:12px}


#contact table {border-collapse:collapse; padding:0; margin:0 0 0 20px}
#contact h2 {font-size:18px; color:#fff}
#contact .description {position:absolute; color:#009EE0; font-weight:bold; width:300px; height:100px; margin:0 0 0 450px; font-size:14px; text-align:center}

#contact input, #contact textarea {background:#BDE4F4; border:0; width:276px}

#contact input {height:27px; background:url(../images/input.gif) no-repeat}

#contact td {padding:0 0 0 10px; margin:0; vertical-align:top; height:27px}

#contact .radio {height:27px}
#contact .radio input {width:10px !important; height:10px}
#contact .radio label {margin-right:10px}


#contact input.submit {width:86px; height:38px; background:url(../images/submit.gif) no-repeat 0 2px; color:#fff; position:absolute; margin:-46px 0 0 320px}
#contact .radio, #contact .radio * {display:inline}

#contact div.fond {width:276px; height:80px; background:url(../images/textarea.gif)}
#contact textarea {padding-right:10px; width:260px !important; height:66px}

#bas_contact {width:804px; height:60px; background:url(../images/bas_contact.gif) no-repeat top left;}

#contact .obligatoire {font-size:10px; font-style:italic}

#credits {text-align:center; padding:20px 0}

#credits, #credits * {font-size:12px; color:#000; text-decoration:none; border:0}

#article {background:url(../images/haut_actualites.gif) #7EC9E8 no-repeat; padding:70px 16px 30px 16px}
#article p, #article p * {font-size:12px}
#article h3 {font-size:16px; color:#000}
/*#plan, #plan * {font-size:12px}*/

p.tous a { font-size:12px; color:#fff; padding-left:47px; text-decoration:none;}
p.tous a:hover { text-decoration:underline;}

.liste_liens {color:#fff;}
.liste_liens  a {color:#fff; text-decoration:none;}
.liste_liens  a:hover {text-decoration:underline;}


#ss_menu_bowling {

	position:absolute;
	display:block;
	width:287px;
	height:28px;
	text-align:center;
	font-size:12px;
	background:url(../images/barre_menu_haut.gif) no-repeat;
	padding-top:5px;
	color:#fff;
	font-weight:bold;
	margin-top:-20px;
	margin-left:305px;

}

#ss_menu_bowling a {color:#fff; text-decoration:none;}
#ss_menu_bowling a:hover {text-decoration:underline;}

div.horaires #ferie { display:block; width:150px; position:absolute; margin-left:640px; margin-top:100px; text-align:center; font-size:10px; }
div.horaires #ferie p { font-size:10px; }

#plus3, #moins3 { position:absolute; display:block; width:150px; margin-left:615px; margin-top:328px; font-weight:bold;}

#moins3 div.tag1 { margin-top:6px; margin-left:50px; font-size:18px; }
#moins3 div.tag2 { margin-top:17px; margin-left:3px; font-size:14px; }

#plus3 div.tag0 { position:absolute; margin-top:-3px; margin-left:100px; font-size:11px; }
#plus3 div.tag1 { position:absolute; margin-top:30px; margin-left:130px; font-size:16px; }
#plus3 div.tag2 { position:absolute; margin-top:36px; margin-left:3px; font-size:11px; }
#plus3 div.tag3 { position:absolute; margin-top:60px; margin-left:77px; font-size:22px; }
#plus3 div.tag4 { position:absolute; margin-left:20px; }

#actualites {

	background-color:#7EC9E8;

}

#actualites table {

	margin-left:30px;
	margin-right:30px;

}

#actualites table td {

	font-size:12px;
	text-align:justify;

}

#actualites table td.accroche h2 a {

	color:#fff;
	text-decoration:none;
	font-size:18px;

}

#actualites table td.accroche h2 a:hover {

	color:#009EE0;

}

#actualites table td.accroche p {

	margin-left:10px;

}

#actualites table td.visuel {

	text-align:right;

}

#actualites table td.visuel img {

	border:2px solid #009EE0;

}

#actualites table .date {

	color:#fff;
	font-size:12px;
	margin-bottom:5px;

}

#actualite table td.visuel {

	padding-left:20px;

}

#actualite table td.visuel .date {

	padding:0px;
	margin:0px;

}

.oe_cell_left {
			text-align:left;
}

.oe_cell_center {
			text-align:center;
}

.oe_cell_right {
			text-align:right;
}

a img {

	border:0px;

}

.descriptionpub {

	font-size:17px;
	width:308px;

}

.descriptionpublarge {

	font-size:17px;
	text-align:left;

}

#TB_window {

	border:1px #fff solid;

}