/* CSS Document */

html,body {
	margin:0px;
	padding:0px;
	text-align:center;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	}
.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}

a {
	text-decoration:none;
	color::#0079AB;	
	}
a:hover {
	text-decoration:none;
	color:#F18900;
	}
.txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	}
#contenu {
	width:930px;
	margin:0px auto 0px auto;
	position:relative;
	}
	
.logo {
	margin:9px 0px 0px 38px;
	padding:0px;
	float:left;
	position:relative;
		}
object.nav {
	float:left;
	}
/*STYLES ACCUEIL*/
#haut-accueil {
	height:146px;
	width:930px;
	background-image: url(piscine-la-ramee/eclaboussures-accueil.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left;
	position:relative;
	}
#bas-accueil {
	background-image: url(piscine-la-ramee/fond-accueil.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	width:930px;
	float:left;
	position:relative;
	}
#contacts {
	float:left;
	width:390px;
	margin:0px;
	padding:0px;
	position:relative;
	font-size:10px;
	color:#0090CC;
	}
#contacts p {
	text-align:left;
	margin:140px 0px 0px 38px;
	}
#contacts p a{
	color:#0090CC;
	text-decoration:none;
	}
#contacts p a:hover{
	color:#F18900;
	text-decoration:none;
	}
#contacts p img{
	margin: 10px 20px 0px 0px;
	padding:0px;
	position:relative;
	}
#actus {	
	float:left;
	width:530px;
	margin:40px 0px 0px 0px;
	padding:0px;
	text-align:left;
	position:relative;
	}
#actus h1 {
	font-size:11px;
	color:#00A6EB;
	font-weight:bold;
	margin:20px 0px 0px 0px;
	padding:0px;
	position:relative;
	}
#actus h2 {
	font-size:11px;
	color:#586A9A;
	font-weight:normal;
	font-style:italic;
	margin:0px 0px 0px 15px;
	padding:0px;
	position:relative;
	}
#actus p {
	font-size:11px;
	color:#000000;
	text-align:justify;
	font-weight:normal;
	margin:10px 0px 0px 15px;
	padding:0px;
	position:relative;
	}
#actus a {
	font-weight:normal;
	color:#0079AB;
	}
#actus a:hover {
	color:#F18900;
	font-weight:normal;
	}
img.detail  {
	float:right;
	margin:0px 120px 0px 0px;
	padding:0px;
	position:relative;
	}
/*STYLES PAGES*/

#haut {
	height:146px;
	width:930px;
	background-image: url(piscine-la-ramee/eclaboussures-pages.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left;
	position:relative;
	}
#nav-haut {/*piscine (bleu)*/
	width:59px;
	height:136px;
	margin:0px 0px 0px 0px;
	right:17px;
	float:right;
	position:relative;
	background-image: url(piscine-la-ramee/consultez.gif);
	background-position:top left;
	}
#nav-haut img {
	margin:0px;
	padding:0px;
	position:relative;
	}
#nav-haut2 {/*bien-être (gris)*/
	width:59px;
	height:136px;
	margin:0px 0px 0px 0px;
	right:17px;
	float:right;
	position:relative;
	background-image: url(piscine-la-ramee/consultez2.gif);
	background-position:top left;
	}
#nav-haut2 img {
	margin:0px;
	padding:0px;
	position:relative;
	}
#haut p {
	text-align:right;
	float:right;
	width:410px;
	margin:0px 50px 0px 0px;
	padding:0px;
	position:relative;
	}
#bas {
	margin:0px;
	padding:0px;
	background-image:url(piscine-la-ramee/fond-pages.gif);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:justify;
	width:930px;
	float:left;
	position:relative;
	}
#bas a {
	font-weight:normal;
	color:#0079AB;
	}
#bas a:hover {
	color:#F18900;
	font-weight:normal;
	}
a.lien {
	margin:0px 0px 10px 80px;
	padding:0px;
	position:relative;
	font-weight:normal;
	color:#0079AB;
	}
a:hover.lien {
	color:#F18900;
	font-weight:normal;
	}
.bleu {
 color:#0079AB;
}
object.droite {
	margin:0px 16px 0px 10px;
	padding:0px;
	position:relative;
	float:right;
	}
img.droite {
	margin:0px 16px 0px 10px;
	padding:0px;
	position:relative;
	float:right;
	}
img.gauche {
	margin:0px 10px 0px 0px;
	padding:0px;
	position:relative;
	float:left;
	}
table.massages {
	border:none;
	border-spacing:0px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	margin:0px;
	padding:0px;
	}
table.massages th{
	border:none;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	}
table.massages td{
	border:none;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	}
h1.piscine { /*titre piscine*/
	font-size:14px;
	font-weight:bold;
	color:#306AC5;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
h1.bienetre { /*titre bien-etre*/
	font-size:14px;
	font-weight:bold;
	color:#84B500;
	margin:0px 0px 20px 0px;
	padding:0px;
	
	}
h1.bienetre2 { /*titre bien-etre 2*/
	font-size:14px;
	font-weight:bold;
	color:#EA7A46;
	margin:0px 0px 20px 0px;
	padding:0px;
	
	}
h1.natation { /*titre natation*/
	font-size:14px;
	font-weight:bold;
	color:#FF00A8;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
h1.aquagym { /*titre aquagym*/
	font-size:14px;
	font-weight:bold;
	color:#F0A900;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
h1.clubs { /*titre clubs*/
	font-size:14px;
	font-weight:bold;
	color:#F07C00;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
	
#colonne-bleue {/*colonne bleue*/
	width:200px;
	float:left;
	margin:0px 15px 15px 0px;
	padding:0px;
	background-color:#E0F3FC;
	position:relative;
	}
#colonne-bleue h1{
	font-size:14px;
	font-weight:bold;
	height:25px;
	color:#306AC5;
	background-color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px;
	position:relative;
	}
#colonne-bleue h2{
	font-size:14px;
	font-weight:bold;
	height:25px;
	color:#FF00A8;
	background-color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px;
	position:relative;
	}
#colonne-bleue p{
	margin:0px 10px 10px 10px;
	padding:0px;
	width:180px;
	position:relative;
	}
#colonne-grise {/*colonne grise*/
	width:200px;
	float:left;
	margin:0px 15px 15px 0px;
	padding:0px;
	background-color:#F1F0EE;
	position:relative;
	}
#colonne-grise h1{
	font-size:14px;
	font-weight:bold;
	min-height:25px;
	color:#84B500;
	background-color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px;
	
	}
#colonne-grise h2{
	font-size:14px;
	font-weight:bold;
	height:25px;
	color:#F0A900;
	background-color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px;
	
	}
#colonne-grise p{
	margin:0px 10px 10px 10px;
	padding:0px;
	position:relative;
	width:175px;
	
	}
.bloc {
	width:250px;
	margin:0px 40px 0px 00px;
	padding:0px;
	float:left;
	position:relative;
	}
.bloc2 {
	width:310px;
	margin:0px 40px 0px 00px;
	padding:0px;
	float:left;
	position:relative;
	}
.bloc3 {
	width:660px;
	margin:0px 40px 0px 00px;
	padding:0px;
	float:left;
	position:relative;
	}
h3.piscine { /*titre piscine*/
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#306AC5;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
h3.bienetre { /*titre bien-etre*/
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#84B500;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
h3.natation { /*titre natation*/
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF00A8;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
h3.aquagym { /*titre aquagym*/
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#F0A900;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
h3.clubs { /*titre clubs*/
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#F07C00;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	}
#nav-basse {
	width:930px;
	text-align:center;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	}
#nav-basse a {
	color:#000000;
	font-size:10px;
	}
#nav-basse a:hover {
	color:#F18900;
	font-size:10px;
	}
a#admin {
	color:#FFFFFF;
	}
a:hover#admin {
	color:#FFFFFF;
	}