/***************************************************************
PIKASSO STYLE PRINCIPAL  by Csordas Zoltan @ doctom.lu
***************************************************************/

/******************* GLOBAL *****************************/
*{ text-align:center; margin:0; padding:0; border:0; font-family:Verdana, Geneva, sans-serif; font-size:1em;}
.clearAll{ clear:both; font-size:0; height:1px;}
/************************************************************/

body{
	background:#6ACAFD;
}
#bkg{
	width:100%;
}

#page{
	background:none;
	width:90%;
	margin:0 auto auto auto ;
	/*border:1px dashed green;*/
}
#page td{
	vertical-align:top;
}
#left{
	width:30%;
	text-align:center;
	/*border:1px dashed red;*/
}
	#menu{
		position:relative; float:none;
		display:block; margin:auto;
		width:200px;		height:auto;
		text-align:center;
		list-style:none;
	}
	#menu a{
		position:relative; float:none;
		display:block;
		width:200px;		height:82px;
		margin:auto;
		color:#6ACAFD;
		/*border:1px dashed green;*/
	}
	#menu a.creche{					background:url(backgrounds/pikasso_menu.jpg) no-repeat left top;	}
	/*#menu a.creche:hover{		background:url(backgrounds/pikasso_menu.jpg) bottom left no-repeat;	}*/
	
	#menu a.pedagogie{				background:url(backgrounds/pikasso_menu.jpg) 			-200px 0px no-repeat;	}
	/*#menu a.pedagogie{				background:url(backgrounds/pikasso_menu.jpg) 			-200px 0px no-repeat;	}
	#menu a.pedagogie:hover{		background:url(backgrounds/pikasso_menu.jpg) 	-200px -82px no-repeat;	}*/
	
	#menu a.kidsart{					background:url(backgrounds/pikasso_menu.jpg) 				-400px 0px no-repeat;	}
	/*#menu a.kidsart{					background:url(backgrounds/pikasso_menu.jpg) 				-400px 0px no-repeat;	}
	#menu a.kidsart:hover{		background:url(backgrounds/pikasso_menu.jpg) 	-400px -82px no-repeat;	}*/
	
	#menu a.contact{					background:url(backgrounds/pikasso_menu.jpg) top right no-repeat;	}	
	/*#menu a.contact{					background:url(backgrounds/pikasso_menu.jpg) top right no-repeat;	}	
	#menu a.contact:hover{		background:url(backgrounds/pikasso_menu.jpg) bottom right no-repeat;	}	*/
	#menu a span{
			filter:alpha(opacity=0);
			opacity: 0;
			-moz-opacity:0;
			font-size:0;
			color:#6ACAFD;
	}
	a.zoom2{
		position:relative;
		display:block;
		margin:auto;
		text-align:left;
		border:2px dotted #FE6601;
	}
	a.zoom2:hover{
		/*border:2px dotted  yellow;*/
		background:#FF0;
	}
	img.bord_orange{
		position:absolute; float:none;
		margin:0; padding:0;
		border:0;
	}
	span.loupe{
		position:absolute; float:none;	z-index:5;
		display:block;
		margin:0; padding:0;
		width:18px; height:18px; 
		background:url(backgrounds/loupe.gif) no-repeat;
		/*border:1px dashed red;*/
	}
/****************************/	
	#fenetre{
		position:relative; 
		overflow:hidden;
		width:200px; 
		margin:10px auto 20px auto; padding:3px;
		text-align:left;
		background-color:#A9D8F0; border:1px solid #FE6601;
	}
	#marquee{ text-align:left; font-size:0.7em;} 	
/**************************************************/
	
#content{
	width:auto;
	vertical-align:top;
	padding: 0 0 40px 0;
	/*border:1px dashed red;*/
	background:url(backgrounds/main.jpg) no-repeat bottom center;
}
span.beardcrumbs{
	position:relative; display:block;
	margin:0 0 0 0; padding:3px;
	/*font-size: 14px;*/
	color: #56a3cc; font-size:0.8em; font-weight: bold; text-align:left;
	/*background:#A9D8F0;*/
}	

#content h1{
	/*font-size: 14px;*/
	color:#FC0; 	font-size:0.8em; font-weight: bold; 	text-align:center;
	margin: 20px 0 20px 0;
}
#content h1 span{
	visibility:hidden;
	border:none;
	text-decoration:none;
}
#content h3{
	/*font-size: 14px;*/
	color:#FC0; 	font-size:0.8em; font-weight: bold; 	text-align:center;
	margin: 10px 0 10px 0;
}
#content h3 a{
	display:block;
	padding: 0 0 5px 0;
	margin:0;
	text-decoration:none;
	border:none;
	border-bottom:2px solid #6ACAFD;
}
#content h3 a:hover{
	border-bottom:2px solid #DF00FF;
}

#content h3 a span{
	visibility:hidden;
	border:none;
	text-decoration:none;
}



#content h2{
	font-size:1em;
	text-align:left;
}
#content p{
	/*font-size:12px;*/
	font-size:0.7em;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.white{ color:#FFF; font-weight:normal;}
.panoramique{
	position:relative;
	float:left;
	display:block; 
	/*width:459px; height:115px; */
	width:295px; height:128px; 
	margin:  20px 0 10px 0;
	text-decoration:none; text-align:center;
	/*background:url(../common_img/panoclick.jpg) center top no-repeat;*/
	background:url(../common_img/pikasso_panoramique.jpg) center top no-repeat;
	border:2px dotted #FE6601;
}
.panoramique:hover{
	background:#FF0 url(../common_img/pikasso_panoramique.jpg) center top no-repeat;
}
.panoramique span{
	display:block; 
	width:457px;
	width:293px;
	margin:100px auto auto auto;
	color:#000000; font-weight:bold; font-size:0.7em; text-decoration:none;
	background:#FFFF00;
	border:1px solid #000;
}
.pikachoose{
	/*border:1px solid  #06F;*/
	margin:10px auto 0 auto ;
}
#pagination{
	/*border:1px solid #06F;*/
	margin:-70px 0 10px 0;
	color:#FFF;
}
#pagination a{
	/*border:1px solid #06F;*/
	color:#FFF;
	text-decoration:none;
}
	#pagination a:hover{
		text-decoration:underline;
	}
				.galerie{
					margin:12px auto auto auto;
				}
				.galerie a{
					display:block; float:left;	
					width:32%;	margin:0 0 12px 0;
					text-align:center;
					border:0;
				}
				.galerie a:hover {	background:none; }
				.galerie a img{ margin:auto;	border:2px dotted #FE6601;}
				.galerie a:hover img{	border:2px dotted #FF0;  background:#FE6601;}
				
				div.left{
					float:left;
					width:305px;
					/*border:1px dashed red;*/
				}
				div.right{
					float:left;
					width:398px; 
					margin: 0 0 0 7px;
					/*border:1px dashed green;*/
				}

.musique{
	float:right;
	margin: -10px 0 0 0;
}


/*****************************************************************/
div.contact{
	width:405px; margin:auto; padding:35px 25px 0 25px ;
	background:url(backgrounds/contact_bkg.jpg) no-repeat;
	/*border:1px dashed yellow;*/
}

#content table.contact {
	width:404px; 
	margin: auto;
	border-collapse:collapse;
	/*border:1px solid red;*/
	font-size:0.7em
}

	div.contact2 {
		width:620px;
		padding: 45px 0 0 40px ;
		margin:auto;
		background: url(backgrounds/cadre_bkg_contact.jpg) no-repeat;
	}
		div.contact2 div.bottom{
			padding: 0 45px 45px 0 ;
			background: url(backgrounds/cadre_bkg_contact_bottom.jpg) no-repeat bottom right;
		}
		
	div.kidsart {
		width:620px;
		padding: 45px 0 0 40px ;
		margin:auto;
		background:url(backgrounds/cadre_bkg_kids_top.jpg) no-repeat;
	}
		div.kidsart div.bottom{
			padding: 0 45px 45px 0 ;
			background: url(backgrounds/cadre_bkg_kids_bottom.jpg) no-repeat bottom right;
		}
		
	div.pedagogie {
		width:620px;
		padding: 45px 0 0 40px ;
		margin:auto;
		background:url(backgrounds/cadre_bkg_pedagogie_top.jpg) no-repeat;
	}
		div.pedagogie div.bottom{
			height:580px;
			padding: 0 45px 45px 0 ;
			background: url(backgrounds/cadre_bkg_pedagogie_bottom.jpg) no-repeat bottom right;
		}
		div.pedagogie p {
			display:block;
			overflow:visible; overflow:inherit;
			height:300px; width:99%;
		}
	div.creche {
		width:620px;
		padding: 45px 0 0 40px ;
		margin:auto;
		background:url(backgrounds/cadre_bkg_creche_top.jpg) no-repeat;
	}
		div.creche div.bottom{
			padding: 0 45px 45px 0 ;
			background: url(backgrounds/cadre_bkg_creche_bottom.jpg) no-repeat bottom right;
		}

table.contact td{ 
	padding:3px;
	border-collapse:collapse;
	text-align:left;
	/*border:1px dashed green;*/
}
table.contact th{ 
	width:20%;
	padding:3px;
	color:#000000;	text-align:left;
	border-collapse:collapse;
}
table.contact  span{ 
	/*border-bottom:1px solid #D38310;*/
	color:#FFFF00;
	cursor:help;
}

#content table.contact input, #content table.contact textarea{
	/*width:99%;*/
	text-align:left;
	color:#00000;
	background:#FFFF00; border:1px solid #000;
}
.sameSize{width:99%;}

iframe{ border:1px solid #a3c1d9;}
#content table.contact .submit{ color:#FC6703; font-weight:bold; text-align:center; cursor:pointer; width:auto;}
#content table.contact .submit:hover{ color:#000000;}
/*****************************************************************/

#footer{
	padding:10px 0 5px 0;
	font-size:0.7em; text-align:center;
	/*border:1px dashed yellow;*/
}
	#footer a{
		color:#990000;
	}
	#limiteur{
		width:797px;
		margin:auto; padding:0;
		text-align:left;
		/*border:1px dashed black;*/
	}
#powered{
	font-size:0.7em; color:#2F8FBF;
	padding:0 0 10px 0;
}
#powered a{	color:#2F8FBF;}
#powered a:hover{	color:#F06;}


/***** FIX ***********/
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete