/*
Theme Name: Feng Shui
Description: Le thème du site Feng Shui Nord
Version: 1.0
Author: Tilt Studio
Author URI: http://www.tilt-studio.fr
*/

/* - Generalites ***********************************************************/
* { margin:0; padding:0; }

body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:13px;
	color:#ffffff;
	background:#4a3838 url(./images/common/bg-body.gif) repeat-x left 584px;
}

a img { border:none; }

address { font-style:normal; display:block; margin: 0 0 15px; }

h1 { position:absolute; left:23px; top:23px; }
	h1 a { color:#fff; }

/* - Conteneur principal ***************************************************/
#container
{
	position:relative;
	width:990px;
	height:610px;
	margin:0 auto;
	background:url(./images/common/background.gif) no-repeat left top;
}

/* - Navigation ************************************************************/
#nav
{
	position:absolute;
	right:119px;
	top:85px;
	width:124px;
}

	#nav ul { list-style:none; }

	#nav li { display:block; margin: 0 0 12px 0; }

	#nav a 
	{ 
		display:block;
		width:124px;
		height:22px;
		color:#fff; 
		text-decoration:none; 
		background:transparent no-repeat left top;
	}
	
	#nav #item_fengshui a { background-image:url(./images/common/menu/normal/fengshui.gif); height:36px;  }
	#nav #item_fengshui a:hover,
	#feng-shui #nav #item_fengshui a,
	#pratique #nav #item_fengshui a,
	#origines #nav #item_fengshui a,
	#definition #nav #item_fengshui a { background-image:url(./images/common/menu/rollover/fengshui.gif); }

	#nav #item_quisuisje a { background-image:url(./images/common/menu/normal/quisuisje.gif); }
	#nav #item_quisuisje a:hover, 
	#qui-suis-je #nav #item_quisuisje a { background-image:url(./images/common/menu/rollover/quisuisje.gif); }

	#nav #item_contact a { background-image:url(./images/common/menu/normal/contact.gif); }
	#nav #item_contact a:hover,
	#contact #nav #item_contact a { background-image:url(./images/common/menu/rollover/contact.gif); }

	#nav #item_presse a { background-image:url(./images/common/menu/normal/presse.gif); }
	#nav #item_presse a:hover,
	#presse #nav #item_presse a { background-image:url(./images/common/menu/rollover/presse.gif); }

	#nav #item_prestations a { background-image:url(./images/common/menu/normal/prestations.gif); }
	#nav #item_prestations a:hover, 
	#prestations #nav #item_prestations a,
	#particuliers #nav #item_prestations a,
	#professionnels #nav #item_prestations a { background-image:url(./images/common/menu/rollover/prestations.gif); }

	#nav #item_realisations a { background-image:url(./images/common/menu/normal/realisations.gif); }
	#nav #item_realisations a:hover,
	#realisations #nav #item_realisations a  { background-image:url(./images/common/menu/rollover/realisations.gif); }

	#nav a span { visibility:hidden; }

/* Sous navigation au sein d'une page */
#page ul.subpages
{
	display:block;
	height:19px;
	padding:0 20px 0 10px;
	margin:0 -25px 20px;
	list-style:none;
	background:#ecf2cd;
}

	#page ul.subpages li 
	{
		display:block;
		height:19px;
		line-height:19px;
		float:right;
	}
	
		#page ul.subpages li a 
		{ 
			display:block; 
			padding-left:12px;
			margin:-5px 0 0 4px; 
			text-decoration:none; 
			color:#fff; 
			font-size:12px; 
			font-weight:bold; 
			text-align:center;
			background:url(./images/common/submenu.gif) no-repeat left top;
		}
		
			#page ul.subpages li a span
			{ 
				display:block; 
				height:19px; 
				line-height:19px; 
				padding:5px 12px 7px 0;
				text-decoration:none; 
				color:#fff; 
				font-size:12px; 
				font-weight:bold; 
				text-align:center;
				background:url(./images/common/submenu.gif) no-repeat right top;
			}
		
		#page ul.subpages h3 { color:#A4B743; background:none; padding:0; font-weight:bold; margin:0 5px; }
		
		#page ul.subpages li a:hover, #page ul.subpages li.current_page_item a { background-position:left bottom; }
		#page ul.subpages li a:hover span, #page ul.subpages li.current_page_item a span { background-position:right bottom; }
	
/* - Contenu de la page ****************************************************/
#page
{
	position:absolute;
	left:196px;
	top:59px;
	width:526px;
	height:526px;
	overflow:hidden;
	color:#4a3838;
	font-size:11px;
	background:#fff no-repeat left top;
}

	#page a { color:#4a3838; }
	#page ul { list-style-position:inside; }
	#page p, #page ul, #page div, #page h3 { margin:0 0 15px 0; }
	#page h3 { font-weight:normal; font-size:12px; padding:0 0 0 25px; margin:0 0 15px -25px; background:url(./images/common/dash.gif) no-repeat left 4px;  }
		#page h3 strong { font-weight:bold; }
	
	#page .content 
	{
		position:absolute;
		right:0px;
		top:0px;
		width:275px;
		height:486px;
		padding:20px 25px;
		overflow-y:auto;
		text-align:justify;
		background:url(./images/common/bg-content.png) no-repeat left top;
	}
	
	#page .content h2
	{
		font-size:24px;
		color:#9eb336;
		text-align:right;
		font-weight:normal;
		font-family: Trebuchet MS, Arial, Serif;
		margin:0 0 35px 0;
	}
	
		#page .entry { padding:0 0 10px; }
	
#definition #page { background-image:url(./images/backgrounds/bg-definition.jpg); }
#pratique #page, #origines #page { background-image:url(./images/backgrounds/bg-pratique.jpg); }
#qui-suis-je #page { background-image:url(./images/backgrounds/bg-qui-suis-je.jpg); }
#prestations #page, #particuliers #page, #professionnels #page { background-image:url(./images/backgrounds/bg-prestations.jpg); }
	#prestations #page strong { color:#9eb336; font-size:12px; }
#contact #page { background-image:url(./images/backgrounds/bg-contact.jpg); }
#realisations #page { background-image:url(./images/backgrounds/bg-realisations.jpg); }
#liens #page, #page-404 #page { background-image:url(./images/backgrounds/bg-liens.jpg); }

#home #page .content { position:static; width:auto; height: auto; padding:0; overflow:hidden; background:none; }
#actualite #page .content,
#presse #page .content { position:static; width:auto; }

#actualite #page .post h3, #actualite #page .post h3 a { color:#9eb336; font-weight:bold; text-decoration:none; font-size:13px; }
#actualite #page .post h3 { margin-bottom:3px; }
#actualite #page .post { padding:0 0 10px 0; }	
#actualite #page .post .date { color:#8F7D7D; }
#actualite #page .archives .previous { float:right; }
#actualite #page .archives .next { float:left; }
	#actualite #page .archives .previous, #actualite #page .archives .next { padding-bottom:10px; }
	#actualite #page .archives .previous a, #actualite #page .archives .next a { color:#9eb336; font-weight:bold; text-decoration:none; } 

#liens #page ul { list-style:none; }
	#liens #page li { margin:0 0 15px 0; }
	#liens #page li h4, #liens #page li p { margin-bottom:2px; }
	#liens #page li h4, #liens #page li h4 a { color:#9eb336; font-weight:bold; text-decoration:none; font-size:13px; }

#contact #page h3 { color:#9EB336; }
#contact #page form { text-align:left; padding-top:10px; }
	#contact #page form h4 { color:#9EB336; font-weight:bold; font-size:12px; margin:0 0 5px 0; }
	#contact #page form p { margin:0 0 8px; }
	#contact #page form label { display:block; margin:0 0 3px; }
	#contact #page form input, #contact #page form textarea { border:1px solid #8F8686; width:269px; color:#4A3838; font-size:11px; font-family: Arial, Sans-serif; padding:2px; }
	#contact #page form textarea { height:60px; }
	#contact #page form .button { text-align:right; }
		#contact #page form .button input { width:auto; cursor:pointer; }
	#contact #page form .error { background:#7F7777; color:#fff; padding:3px 6px; }

#origines #page ul.subpages { padding:0 10px 0 0; }
	
/* - Encart Actualité ******************************************************/
#news
{
	position:absolute;
	right:110px;
	top:365px;
	width:115px;
	height:210px;
	color:#fff;
	overflow:hidden;
}

	#news h3 { margin:0 0 15px 0; }
	#news ul { display:block; height:160px; overflow:hidden;}
	#news li { margin:0 0 15px 0; }
	#news li a { text-decoration:none; color:#b5cc3d;display:block; }
	#news li strong { display:block; font-size:13px; font-weight:normal; color:#b5cc3d; }
	#news li span { display:block; font-size:11px; color:#fff; }
	#news p { font-size:11px; }
	#news .all a { font-size:11px; color:#fff; margin:0; position:absolute; bottom:0; text-decoration:none; }

/* - Footer ****************************************************************/
#footer
{
	position:absolute;
	bottom:0;
	left:0;
	width:526px;
	padding:4px 0;
	margin:0 0 0 196px;
	color:#cdabab;
	font-size:10px;
	text-align:center;
}

	#footer a { color:#cdabab; text-decoration:none; padding:0 10px; }
	#footer a:hover { color:#fff; }