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

body, html{
	width: 100%; 
	margin: 0;	padding: 0;	
	border: none;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS Bold", "Trebuchet MS";
	font-size:12px;	color:#56473b;	
}
html{
	min-width: 600px;
	min-height:600px;
	
} /*IE7*/

img, img a {
	border:0px;
	text-decoration:none;
}

h1 {
	margin:0;padding:0;
	line-height:36px;
	border-bottom:1px dotted #477ab8;
	font-size:19px;font-weight:100;color:#477ab8;
}
h2 {
	margin:0;padding:0;
	line-height:16px;
	font-size:14px;font-weight:bold;color:#F93;
}

table.photo-tbl, table.album-tbl  {
	width:100%;
}

table.photo-tbl td, table.album-tbl td {
	width:33%; 
	text-align:center;
	padding-bottom:10px;
}

.photos-nom p, photo-descript p {
	margin:0; padding:0;
}

/*.debut {
	z-index:2;
   background:#fff;
   width:1024px; 
   height:246px; 
   position:fixed;
   top: 0; 
   margin: auto; 
}
html>body .dessus {
position: fixed;
}*/

#site {
	width:1024px;
	margin-left: auto;	margin-right: auto;
}

#index {
	position:absolute;
	width:1024px; height:768px;
}
#indexh {
	height:460px;
	background:url(../../../images/kineologo.jpg) left top no-repeat;
}
#indexg {
	float:left;
	width:137px;height:57px;
	background:url(../../../images/bienetregauche.jpg) left top no-repeat;
}
#enter {
	position:absolute;
	z-index:100;
	margin:460px 0 0 137px;
	width:255px;height:57px;
}
#flash {
	position:absolute;
	float:left;
	z-index:100;
	margin:30px 0 0 500px;
	width:380px;height:258px;
}
#indexd {
	float:left;
	width:632px;height:57px;
	background:url(../../../images/bienetredroite.jpg) left top no-repeat;
}
#indexs {
	clear:both;
	height:251px;
	background:url(../../../images/bienetresous.jpg) left top no-repeat;
}

#top {
	margin-top:17px;
	height:36px;
	background:url(../images/menu-top-fond.jpg) left top repeat-x;
}
	#menu-top {
		margin:0px;padding:0;margin-left:212px;
	}
	#menu-top li {
		display:block;float:left;padding:0; margin:0;
		width:auto; height:32px;
		list-style-image:url(../images/menu-top-separ.jpg);
		line-height:12px;
	}
	#menu-top img {
		padding:0; margin:0;
	}
	#menu-top a {
		padding:0; margin:0; line-height:12px;

	}
	#menu-top a:hover, #menu-top .active a {
	}

#kineo {
	height:143px;
	background:url(../images/menu-centres-fond.jpg) top left repeat-x;
}

#pave {
	margin-top:2px;
	float:left;
	width:235px;height:141px;
	background:url(../images/pave-choix.jpg) left top no-repeat;

}
#logo {
	margin-top:2px;
	float:left;
	width:199px;height:141px;
	background:url(../images/logo-kineo.jpg) left top no-repeat;

}

#lieux {
	float:left;
	width:590px;height:141px;
}

	#menu-principal {
		float:left;
		margin:0;padding:0;width:590px; height:141px;
	}
	#menu-principal li {
		display:block;float:left;
		width:90px; 
		margin:0;
		border:0px;
		list-style:none;
	}
	#menu-principal a {
		font-family:Verdana, Geneva, sans-serif;font-size:14px;
		text-decoration:none;
	}
	#menu-principal a:hover  {
		color:#F93;
	}
#debut .separ-h {
	clear:both;
	padding:0; margin:0;
	height:8px;
	background:url(../images/separ-horiz.png) no-repeat;
}
.separ-h {
	clear:both;
	height:8px;
	background:url(../images/separ-horiz.png) no-repeat;
}

.separ-v {
	float:left;
	width:9px;height:302px;
	margin:0;padding:0;
	background:url(../images/separ-verti.png) no-repeat;
}

#central {
	min-height:350px;
/*	margin-top:246px;*/
}

	#menu-gauche {
		float:left;
		width:228px;
		margin:0;padding:0;
	}
		#menu-gauche h1 {
			margin-right:42px;
			text-align:right;
		}
		
		#menu-top-enfants, #menu-principal-enfants {
			margin:0;padding:0;
			margin-right:42px;
			text-align:right;
		}
		#menu-top-enfants li, #menu-principal-enfants li {
			display:block;float:right;
			width:186px; height:36px;
			margin:0;
			border-bottom:1px dotted #477ab8;
			line-height:36px;
			font-size:12px;
			font-weight:bold;text-align:right;
			list-style:none;
		}
		#menu-top-enfants a, #menu-principal-enfants a {
			font-family:Verdana, Geneva, sans-serif;font-size:14px;
			color:#56473b;
			text-decoration:none;
		}
		#menu-top-enfants a:hover, #menu-top-enfants .active a, #menu-principal-enfants a:hover, #menu-principal-enfants .active a {
			color:#F93;
		}
/****
Visite virtuelle
*******/
	#visite-virtuelle {
		margin:0;padding:0;
		margin-top:15px;
		width:228px;
	}
	#pave-virtuel {
		width:228px; height:93px;
		margin-bottom:10px;
		background:url(../images/pave-virtuel.jpg) no-repeat;
	}
	#btn-visitV {
		width:151px; height:31px;
		text-align:left;
		padding-left:38px;
	}

	#btn-visitV a {
		text-decoration:none;
	}

	#contenu {
		float:left;
		width:553px;margin:0 20px 0 15px;
		text-align:justify;
	}
		#contenu a {
			color:#a2c22d;
			text-decoration:underline;
		}
		#contenu .imagea {
			color:#a2c22d;
			text-decoration:none;
		}
		
	#partenaires{
		width:553px;
	}
		.partenaires-detail {
			float:left;
			width:175px;height:175px;
			margin:0px 8px 8px 0px;
		}
	
	#droite {
		float:left;
		width:190px;
	}



html>body #central {
height: auto;
min-height: 350px;
}

#credit {
	height:25px;width:1024px;
	font-size:9px;
	text-align:center;
}
#credit a {
	text-decoration:none;
	color:#F60;
}

#plancher {
	border:1px solid #56473b;
	width:550px;
}
	#plancher th {
		background:#56473b;
		font-family:Verdana, Geneva, sans-serif;font-size:10px;
		text-align:center;border:1px solid #56473b;
		height:20px;
		color:#FFF;	
		}
		
	#plancher tr {
		font-family:Verdana, Geneva, sans-serif;font-size:10px;
		text-align:center;
		border:1px solid #56473b;
		height:20px;
		color:#56473b;	
	}

#aquagym {
	border:1px solid #a2c22d;
	width:550px;
}
	#aquagym th {
		background:#a2c22d;
		font-family:Verdana, Geneva, sans-serif;font-size:10px;
		text-align:center;border:1px solid #a2c22d;
		height:20px;
		color:#FFF;	
		}
		
	#aquagym tr {
		font-family:Verdana, Geneva, sans-serif;font-size:10px;
		text-align:center;
		border:1px solid #a2c22d;
		height:20px;
		color:#a2c22d;	
	}

#spinning {
	border:1px solid #56473b;
	width:550px;
}
	#spinning th {
		background:#56473b;
		font-family:Verdana, Geneva, sans-serif;font-size:10px;
		text-align:center;border:1px solid #56473b;
		height:20px;
		color:#FFF;	
		}
		
	#spinning tr {
		font-family:Verdana, Geneva, sans-serif;font-size:10px;
		text-align:center;
		border:1px solid #56473b;
		height:20px;
		color:#56473b;	
	}

.retour {
	display:block;
	border-bottom:1px dotted #a2c22d;
	font-family:Verdana, Geneva, sans-serif;
	color:#a2c22d;
	text-decoration:none;
}
.news-detail, .lien, .conseils-detail {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #477ab8;
}
.news-module-detail {
	margin-bottom:5px;
	border-bottom:1px dotted #477ab8;
}

.news-module-detail a {
	color:#a2c22d;
}

.news-module-detail a:hover {
	color:#F93;;
}

/* ACTIVITES */
.activites-detail, .topique-detail {
	float:left;
	width:260px; padding:5px; padding-bottom:15px; margin-top:10px;
	text-align:left;
	background:#f0efef;
	background-image:url(../images/activite-separ.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.activites-detail:hover, .topique-detail:hover {
	background:#e0dede;
	background-image:url(../images/activite-separ.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.activites-detail.liste0, .topique-detail.liste0 {
	 margin-right:12px;
}
.activites-photo {
	text-align:center;
	height:85px;
}
/*   FIN ACTIVITES*/
/* visites */
.visite {
	float:left;
	width:160px; padding:5px; padding-bottom:15px; margin-top:10px;
	text-align:center;
	background:#f0efef;
	background-image:url(../images/activite-separ.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.visite:hover {
	background:#e0dede;
	background-image:url(../images/activite-separ.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.visite.liste0, .visite.liste1 {
	 margin-right:20px;
}
.lien h2 {
	padding-bottom:10px;
}
#panier input[type=submit], #panier a.retour  { width:150px; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:20px; text-decoration:none; font-size:12px; }
#panier input[type=submit]:hover, #panier a.retour:hover  { border: 1px #333 solid; }
#panier input[type=submit]:focus, #panier a.retour:focus  { border: 1px #333 solid; color:#064413}

/*zmessage*/
#zmessage {margin-left:auto;margin-right: auto;width:90%;padding-top:5px;font-family:"Courier New", Courier, monospace;font-size:10px;}
p.message {padding-left:5px;background-color:#18479E;color:#fff;display:block;line-height:14px;margin:0 0 3px 0;}
p.erreur {padding-left:5px;background-color:#f00;color:#fff;display:block;font-size:12px;line-height:14px;margin:0 0 3px 0;}


#abonnement, #panier {  width:507px; margin-left:auto;margin-right:auto;color:#56473b;overflow:hidden;}
#abonnement label { width:auto; text-align:left;font-size:12px; font-weight:normal;margin-top:2px; float:left; }
#abonnement label.errorform{ color:#f00;}
#abonnement input { width:250px; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:20px; }
#abonnement input:hover { border: 1px #333 solid; }
#abonnement input:focus { border: 1px #333 solid; color:#064413}
#abonnement textarea { width:250px; overflow:auto; height:auto; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:20px; }
#abonnement textarea:hover { border: 1px #333 solid; }
#abonnement textarea:focus { border: 1px #333 solid; }
#abonnement input[type=radio] { width:10px; border:0; font-size:12px;float:left; }
#abonnement select { width:250px; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:20px; }
#abonnement .submit, #panier .submit { width:250px; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:120px; color:#999;height:20px; border:0;background-color:#333;}
#abonnement .submit:hover, #panier .submit:hover { border:0;}
#abonnement img {width:auto; float:left;margin-bottom:3px;  margin-left:20px; }
#abonnement form { width:450px; margin-left:auto;margin-right:auto;  }
#abonnement fieldset { border:1px solid #56473b; margin-top:15px; padding-bottom:10px;}
#abonnement legend {  padding-bottom:10px;}
#abonnement table {border:1px solid #56473b;width:450px;margin-bottom:10px;}
#abonnement table th {background:#56473b;font-family:Verdana, Geneva, sans-serif;font-size:12px;text-align:center;border:1px solid #56473b;height:20px;color:#FFF;	}
#abonnement table tr {font-family:Verdana, Geneva, sans-serif;font-size:12px;text-align:left;border:1px solid #56473b;height:20px;color:#56473b;	}

#contact_form , #enreg_form{  width:422px; margin-left:auto;margin-right:auto;color:#56473b;overflow:hidden;}
#contact_form label, #enreg_form label { width:100px; text-align:right;font-size:12px; font-weight:normal;margin-top:2px; float:left; }
#contact_form label.errorform, #enreg_form label.errorform{ width:100px; text-align:right;font-size:12px; font-weight:bold;margin-bottom:5px; float:left; color:#f00;}
#contact_form input, #enreg_form input { width:250px; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:20px; }
#contact_form input:hover, #enreg_form input:hover { border: 1px #333 solid; }
#contact_form input:focus, #enreg_form input:focus { border: 1px #333 solid; color:#064413}
#contact_form textarea, #enreg_form textarea { width:250px; overflow:auto; height:auto; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:20px; }
#contact_form textarea:hover, #enreg_form textarea:hover { border: 1px #333 solid; }
#contact_form textarea:focus, #enreg_form textarea:focus { border: 1px #333 solid; }
#contact_form select, #enreg_form select { width:250px; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:20px; }
#contact_form .submit, #enreg_form .submit { width:250px; float:left; border: 1px #09C solid; padding:3px; color:#064413;margin-bottom:3px;  margin-left:120px; color:#999;height:20px; border:0;background-color:#333;}
#contact_form .submit:hover, #enreg_form .submit:hover { border:0;}
#contact_form img, #enreg_form img {width:auto; float:left;margin-bottom:3px;  margin-left:20px; }
#contact_form form, #enreg_form form { width:380px; margin-left:auto;margin-right:auto;  }

#newsletter-form {
}

	#newsletter-form h1 {
		margin:0;padding:0;
		text-align:left;
		line-height:36px;
		border-bottom:1px dotted #477ab8;
		font-size:19px;font-weight:100;color:#477ab8;
	}
#newsletter-form label { line-height:30px;text-align:left;font-size:14px; color:#F93; font-weight:normal; }
#newsletter-form input[type=text] { border:none;padding:3px;background-color:#CCC; margin-bottom:10px;}
#promo {
	margin-left: 330px;
}