/*
 * Copyright 2010 WnG Solutions Sàrl, all rights reserved
 *
 * WnG Solutions - Rue Marterey 5 - CH-1005 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 * ----- */

	/* ----- * Balises principales * ----- */
	
	body {
		background-color: #f0f0f0;
		color: #494949;
		background: url("../images/background-body.jpg") repeat-x scroll left top #FFFFFF;
		font: Arial, Helvetica, sans-serif;
	}
	
	/* ----- * /Balises principales * ----- */
	
	
	/* ----- * Utilitaires * ----- */

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

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

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

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

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

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


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

#global {
	width: 968px;
	background: transparent url('../images/background_mainbox.png') repeat-y scroll left top;
	margin: 0 auto;
	padding: 0 32px;
}

#globalFooter {
	width: 1032px;
	background: transparent url('../images/background_mainbox_bottom.png') repeat-y scroll left top;
	margin: 0 auto;
	height: 38px;
}

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


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

#banner {
	position: relative;
	height: 73px;
}

#banner h1 {
	margin: 0;
	padding: 13px 0 0 0;
	float: left;
}

#banner h1 a:focus {
	outline: 1px #aebac4 dotted;
}

	/* ----- * Liens d'accessibilité * ----- */
	
	#accessKeys {
		width: 100%;
		font-size: 10px;
	}
	
	#accessKeys ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#accessKeys li {
		display: inline;
		padding-right: 5px;
	}
	
	#accessKeys a:link,
	#accessKeys a:visited,
	#accessKeys a:hover,
	#accessKeys a:active {
		color: #ffffff;
		cursor: default;
	}
	
	#accessKeys a:focus {
		color: #000000;
	}

	/* ----- * /Liens d'accessibilité * ----- */


	/* ----- * Outils * ----- */

	#tools {
		position: absolute;
		right: 0;
		top: 47px;
		padding: 0;
		color: #505050;
		padding: 3px;
		width: 303px;
	}
		
		#tools #menuPrint {
			float: right;
			padding-left: 12px;
			background: url(../images/printer.gif) no-repeat left center;
		}
		
		
		
		#tools #menuPrint a {
			color: #505050;
			font-size: 11px;
			text-decoration: none;
		}
		
		.menuPrinterLink {
			padding-left: 3px;
		}
		
		#menuLang,
		#menuLang a {
			color: #505050;
			font-size: 11px;
			text-decoration: none;	
		}
		
		#tools #menuLang ul {
			float: left;
			list-style: none;
			margin: 0;
		}
	
		#tools #menuLang ul li {
			display: inline;
			padding-right: 5px;
		}
		
		#tools #menuLang ul li a {
			color: #505050;
			font-size: 11px;
			text-decoration: none;
		}


	/* ----- * /Outils * ----- */

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


/* ----- * Menu principal * ----- */

#menuContainer {
	position: relative;
	height: 219px;
	width: 968px;
	background: url(../images/banner_new/banner-DE.jpg);
	/*background: url(../images/banniere_montagnes.jpg);*/
}

.en #menuContainer {
	background: url(../images/banner_new/banner-EN.jpg);
	/*background: url(../images/banniere_montagnes_EN.jpg) !important;*/
}

.fr #menuContainer {
	background: url(../images/banner_new/banner-FR.jpg);
	/*background: url(../images/banniere_montagnes_FR.jpg) !important;*/
}

.it #menuContainer {
	background: url(../images/banner_new/banner-IT.jpg);
	/*background: url(../images/banniere_montagnes_IT.jpg) !important;*/
}

#menuMain {
	position: absolute;
	top: 17px;
	left: 0;
	height: 26px;
	background-color: #61788d;
	width: 100%;
}

#menuMain ul {
	list-style: none;
	margin: 0;
	margin-right: auto;
	float: right;
}

#menuMain li {
	display: block;
	float: left;
}

#menuMain a {
	float: left;
	padding: 0 10px;
	text-decoration: none;
	line-height: 26px;
	background-color: #61788D;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	border-left: 1px solid #b0bcc6;
}

#menuMain a:hover,
#menuMain .menuOn a {
	background-color: #ffffff;
	color: #58585A;
}

/* ----- * /Menu principal * ----- */


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

#content {
	margin-top: 44px;
	clear: both;
}

	/* ----- * Contenu de gauche * ----- */
	
	#contentLeft {
		float: left;
		width: 192px;
	}
	
	#contentLeft a {
		display: block;
		color: #b1b3b4;
		text-decoration: none;
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-size: 12px;
	}
	
	#contentLeft a:hover {
		text-decoration: underline;	
	}

	#contentLeft ul {
		margin-left: 0;
		list-style: none;
	}
	
	#contentLeft ul li {
		padding-bottom: 1px;	
	}
	
	#contentLeft ul li a,
	#contentLeft ul li a:visited {
		color: #505050;
		background: #d7dde2 url('../images/arrow_menu_left.gif') no-repeat scroll 4% center;
		display: block;
		font-size: 11px;
		padding: 2px 5px 2px 30px;
		text-decoration: none;
		font-weight: normal;
		line-height: 16px;
	}
	
	#contentLeft ul li a:hover {
		background: #aebac4 url('../images/arrow_menu_left_selected.gif') no-repeat scroll 4% center;
		text-decoration: none;
	}
	
	#contentLeft ul .menuOn a {
		background: #aebac4 url('../images/arrow_menu_left_selected.gif') no-repeat scroll 4% center !important;
		font-weight: bold !important;
	}
	
	#contentLeft h2 {
		color: #61788d;
		font-size: 15px;
		margin: 0;
		text-transform: uppercase;
		font-weight: normal;
		margin-bottom: 10px;
		padding: 8px 4px;
		background: none repeat scroll 0 0 #cfd6dd;
	}
	
	#contentLeft h3 {
		font-size: 12px;
		font-weight: bold;
		padding: 2px 4px;
	}
	
	#contentLeft p {
		padding: 0px 4px;
		margin: 0;
		font-size: 13px;
	}
	
	#contentLeft .divider {
		background-color: #b1b3b4;
		height: 1px;
		margin: 20px auto;
		width: 100%;	
	}
	
	#contentLeft .divider hr {
		display: none;
	}

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

	#contentMain {
		font-size: 12px;
		overflow: hidden;
		padding: 0 0 0 20px;
		margin-bottom: 30px;
	}
	
	#contentMain ul {
		margin: 5px 0 10px 20px;	
	}
	
	#contentMain li {
		margin-left: 30px;
	}
	
	#contentMain a {
		color: #b1b3b4;
		text-decoration: none;
	}
	
	#contentMain a:hover {
		color: #b1b3b4;
		text-decoration: underline;
	}
	
	#contentMain p {
		margin: 6px 0 12px;
		text-align: justify;	
	}
	
	#contentMain h1 {
		font-size: 23px;
		color: #61788d;
		padding: 0;
		font-weight: normal;
		margin: 0 0 20px;
		line-height: 1;
	}
	
	#contentMain h2 {
		font-size: 22px;
		color: #61788d;
		padding: 0;
		font-weight: normal;
		margin: 0 0 20px;
		line-height: 1;
	}
	
	#contentMain h3 {
		color: #61788d;
		font-size: 17px;
		font-weight: normal;
		margin: 4px 0 10px;	
	}
	
	#contentMain h4 {
		background: none repeat scroll 0 0 #cfd6dd;
		color: #505050;
		font-weight: normal;
		margin-bottom: 10px;
		padding: 9px 4px;
		font-size: 12px;
	}
	
	#contentMain h5 {
		font-weight: bold;
		font-size: 26px;
		padding-bottom: 30px;
		margin: 0;
	}	
	
	#contentMain .csc-sitemap li {
		list-style-type: square;
	}
	
	#contentMain .csc-sitemap li a {
		color: #61788d;
	}
	
	#contentMain .csc-sitemap li a:hover {
		color: #b1b3b4;
		text-decoration: none;
	}
	
		/* ----- * Contenu principal de gauche * ----- */

		#contentMainL {
			float: left;
			width: 347px;
			text-align: justify;
			margin-left: 25px;
		}
		
		#contentMainL h2 {
			width: 339px;
			height: 101px;
			background: url('../images/box/valorlife_chateau.jpg') no-repeat scroll left top transparent;
			display: block;
			font-weight: normal;
			padding: 10px 4px 0 4px;
			margin-bottom: 5px;
			text-transform: uppercase;
			color: #61788d;
			font-size: 17px;
		}
		
		/* ----- * /Contenu principal de gauche * ----- */	
				
		/* ----- * Contenu principal de droite * ----- */

		#contentMainR {
			float: right;
			width: 348px;
			text-align: justify;
		}
		
		#contentMainR h2 {
			width: 340px;
			height: 101px;
			background: url('../images/box/valorlife_de.jpg') no-repeat scroll left top transparent;
			display: block;
			font-weight: normal;
			padding: 10px 4px 0 4px;
			margin-bottom: 5px;
			text-transform: uppercase;
			color: #61788d;
			font-size: 17px;
		}
		
		.en #contentMainR h2 {
			background: url('../images/box/valorlife_en.jpg') no-repeat scroll left top transparent !important;
		}
		
		.fr #contentMainR h2 {
			background: url('../images/box/valorlife_fr.jpg') no-repeat scroll left top transparent !important;
		}
		
		.it #contentMainR h2 {
			background: url('../images/box/valorlife_it.jpg') no-repeat scroll left top transparent !important;
		}
		
		#contentMainR h4,
		#contentMainL h4 {
			text-transform: uppercase;
		}
			
		
		/* ----- * /Contenu principal de droite * ----- */
	
	/* ----- * /Contenu principal * ----- */

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


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

#footer {
	border-top: 1px solid #8897a6;
	color: #494949;
	height: 20px;
	font-size: 10px;
}

#footer .right a {
	text-decoration: none;
}

#footer .right ul {
	list-style: none;
}

#footer .right li {
	display: inline;
}

#footer .right {
	margin: 5px 0;
	float: right;
}

#footer .right a {
	color: #494949;
	font-size: 10px;
}

#footer .left {
	float: left;
	font-size: 10px;
	margin: 5px 0;
}

#footer .left a {
	color: #ffffff;
	cursor: default;
}

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


/* ----- * Misc * ----- */

.csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-left: 45px;
}

/*#c4345, #c4347, #c4395, #c4397, #c4421, #c4419, #c4371, #c4369*/
.csc-textpic-imagewrap.csc-textpic-single-image {
	margin-bottom: 15px;
}

/* ----- * /Misc* ----- */