/*
 * Copyright 2010 WnG Solutions Sàrl, all rights reserved
 *
 * WnG Solutions - Rue Centrale 15 - CH-1003 Lausanne
 * Tel +41 21 320 11 11 - Fax +41 21 320 11 10
 * http://www.wng.ch/ - info[at]wng[dot]ch
 */

/* Feuille de styles principale */


/*
 * !!! Attention: cette partie ne doit pas être modifiée !!!
 * ----- * RESET * -----
 */

/*
 * Remet à zéro les styles par défaut des différents navigateurs.
 * http://covertprestige.info/css/base-stylesheet/
 */

/* Général */
html { font-size: 100%; overflow-y: scroll; }
body { margin: 0; padding: 0; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size: .8em; line-height: 1.3; color: #000000; background: #ffffff; }

/* Titres */
h1, h2, h3, h4, h5, h6 { margin: 5px 0 2px 0; line-height: 1.2; font-weight: bold; font-style: normal; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

/* Listes */
ul, ol { margin: 5px 0 5px 32px; padding: 0; }

/* Paragraphes */
p { margin: 2px 0; }
address { margin: 2px 0; font-style: normal; }

/* Liens */
a { text-decoration: underline; }
a:link { color: #1111cc; }
a:visited { color: #333399; }
a:hover, a:focus, a:active { color: #0000ff; }
a:active { outline: none; }
a img { border: none; }

/* Divers */
em { font-style: italic; }
strong { font-weight: bold; }
sup, sub { line-height: 0; }

/* Formulaires */
form, fieldset { margin: 0; padding: 0; border: none; }
input, button, select { vertical-align: middle; }

/* Abréviations */
abbr[title] { border-bottom: 1px dotted; cursor: help; }

/* Citations */
blockquote { margin: 2px 0 2px 20px; padding: 0 0 0 10px; border-left: solid 2px #dddddd; }
q, cite { font-style: italic; }
q cite, q q { font-style: normal }
q { quotes: none; }
q:before, q:after { content: ""; }

blockquote p, li p { margin: 1px 0; }

/* Listes de définition */
dl { margin: 2px 0; }
dt { margin: 2px 0 0 0; font-weight: bold; }
dd { margin: 1px 0 1px 32px; }

/* Tableaux */
table { margin: 0; border: 1px solid #666666; border-collapse: collapse; border-spacing: 0; }
table td, table th { padding: 4px; border: 1px solid #ccc; vertical-align: top; }

/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu { display: block; }

/*
 * ----- * /RESET * -----
 * !!! Edition uniquement à partir de cette ligne !!!
 */


/* ----- * Générique * ----- */
	
	
	/* ----- * Utilitaires * ----- */

	.spacer {
		clear: both;
		font-size: 0;
	}

	.hideMe {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}

	.floatL { float: left; }
	.floatR { float: right; }

	.marginTop { margin-top: 15px; }
	.marginRight { margin-right: 15px; }
	.marginBottom { margin-bottom: 15px; }
	.marginLeft { margin-left: 15px; }

	.marginTopBig { margin-top: 30px; }
	.marginRightBig { margin-right: 30px; }
	.marginBottomBig { margin-bottom: 30px; }
	.marginLeftBig { margin-left: 30px; }
	
	.noMarginTop { margin-top: 0 !important; }
	.noMarginRight { margin-right: 0 !important; }
	.noMarginBottom { margin-bottom: 0 !important; }
	.noMarginLeft { margin-left: 0 !important; }

	.textAlignLeft { text-align: left; }
	.textAlignCenter { text-align: center; }
	.textAlignRight { text-align: right; }
	.textAlignJustify { text-align: justify; }

	/* ----- * /Utilitaires * ----- */
	
/* ----- * /Générique * ----- */


/* ----- * Conteneur global * ----- */

#global {
	width: 750px;
	margin: 0 auto;
}

/* ----- * /Conteneur global * ----- */


/* ----- * Bannière * ----- */

#banner {
	height: 35px;
	position: relative;
	background-color: #005c37;
}

#banner h1,
#banner h2 {
	margin: 0;
}

#banner h2 {
	color: #a8ca7e;
	font-size: .9em;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	text-transform: uppercase;
}

/* ----- * /Bannière * ----- */


/* ----- * Contenu * ----- */

#content {
	padding-top: 136px;
	background: transparent url(../images/backgrounds/news.jpg) top left no-repeat;
}

#global .plan-du-site,
#global .error, #global .error { background-image: url(../images/backgrounds/home.jpg); }

#global .home, #global .home
#global .nos-therapeutes, #global .nos-therapeutes { background-image: url(../images/backgrounds/news.jpg); }

#global .philosophie, #global .philosophie,
#global .temoignages, #global .temoignages,
#global .liens, #global .liens { background-image: url(../images/backgrounds/philo.jpg); }

#global .maladies-traitees, #global .maladies-traitees { background-image: url(../images/backgrounds/disease-treated.jpg); }
#global .acupuncture, #global .acupuncture { background-image: url(../images/backgrounds/acupuncture.jpg); }

#global .moxi-moxabustion, #global .moxi-moxabustion,
#global .a-propos, #global .a-propos { background-image: url(../images/backgrounds/moxa.jpg); }

#global .phytotherapie, #global .phytotherapie { background-image: url(../images/backgrounds/phyto.jpg); }
#global .assurances, #global .assurances { background-image: url(../images/backgrounds/tisanes.jpg); }
#global .massages, #global .massages { background-image: url(../images/backgrounds/massages.jpg); }
#global .contact, #global .contact { background-image: url(../images/backgrounds/contacts.jpg); }

	/* ----- * Contenu de gauche * ----- */
	
	#contentLeft {
		float: left;
		width: 175px;
		margin-right: 10px;
	}

	#contentLeft ul {
		margin-left: 0;
		list-style: none;
	}
	
	#contentLeft ul li {
		margin-bottom: 5px;
	}
	
	#contentLeft ul li a {
		color: #8fc27f;
		width: 175px;
		height: 24px;
		display: block;
		font-size: .85em;
		text-align: center;
		font-weight: bold;
		line-height: 24px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #007f44;
	}
	
	#contentLeft ul li a:hover {
		background-color: #004a27;
	}
	
	#contentLeft img {
		margin-top: 17px;
	}

	/* ----- * /Contenu de gauche * ----- */
	
	
	/* ----- * Contenu principal * ----- */

	#contentMain {
		width: 405px;
		overflow: hidden;
		font-size: 0.9em;
	}
	
	#contentMain h3 {
		color: #007f44;
		font-size: 1.6em;
		margin-bottom: 16px;
	}
	
	#contentMain h4 {
		margin: 20px 0 15px 0;
		font-weight: bold;
	}
	
	#contentMain p {
		margin-bottom: 15px;
	}
	
	#contentMain ul.noStyle {
		list-style: none;
		margin-left: 0;
	}
	
	#contentMain ul.noStyle li {
		margin-left: 0;
	}
	
	#contentMain li {
		margin: 0 0 2px 10px;
	}
	
	#contentMain a {
		color: #000000;
		text-decoration: none;
	}
	
	#contentMain a:hover {
		text-decoration: underline;
	}
	
	/* ----- * /Contenu principal * ----- */

/* ----- * /Contenu * ----- */


/* ----- * Footer * ----- */

#footer p,
#footer p a {
	color: #cccccc;
	margin: 35px 0 20px 0;
	text-align: center;
}

#footer p {
	font-size: .9em;
}

#footer p a {
	text-decoration: none;
}

/* ----- * /Footer * ----- */