/********************************************************

www.template.ch

CSS Standard

Site template v 2.12

© 2008 WnG Solutions Sŕrl
Rue Centrale 15 | CH - 1003 Lausanne
+4121 320 11 11 | info@wng.ch

********************************************************/
/* ----- * Defaults * ----- */

		/* ----- * All * ----- */
		
		* {
			padding:0px;
			margin:0px;
			
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			
			color:#333333;
		}
		
		html {
			margin-bottom: 0.1px;
			height:100%;
		}

		body {
			text-align:center;
			background-image:url(../template/background.jpg);
			background-repeat:repeat-x;
			background-color:#54626d;
		}
		
		.spacer {
			clear:both;
			font-size:0;
		}
		
		.floatL {
			float:left;
		}
		
		.floatR {
			float:right;
		}
		
		.clearL {
			clear:left;
		}
		
		.clearR {
			clear:right;
		}
		
		.hideMe {
			position:absolute;
			left:-9999px;
			top:-9999px;
		}
		
		.marginTop {
			margin-top:0px;
		}
		
		.marginTop ul li {
			list-style-type:circle;
			list-style-position:inside;
			margin-bottom:5px;
		}
		
		.marginBottom {
			margin-bottom:20px;
		}
		
		.contentMargins {
			margin-left:10px;
			margin-right:10px;
		}
		
		/* ----- * /All * ----- */
		
		/* ----- * Headers * ----- */
		
		h2 {
			font-size:14px;
			color:#1a96c7;
			padding-bottom:5px;
		}
		
		h3 {
			font-size:14px;
			color:#1a96c7;
			padding-bottom:4px;
			border-bottom:1px dotted #54626d;
			margin-bottom:10px;

		}
		
		h4 {
		border-top:1px dotted #54626d;
		padding-top:25px;
		margin-top:10px;
		}
		
		h4 #topPage {
					border-top:none;
					padding-top:25px;
		}
		
		em {
			font-size:10px;
		}
		
		input {
			background-color:#FFFFFF;
			border:1px solid #AAAAAA;
			width:194px;
			padding:3px;
			
			color:#AAAAAA;
		}

		textarea {
			background-color:#FFFFFF;
			border:1px solid #AAAAAA;
			width:194px;
			height:100px;
			padding:3px;
			max-width:202px;
			
			color:#AAAAAA;
		}

				
		/* ----- * /Headers * ----- */
			
		/* ----- * Text * ----- */
		
		p {
			margin:10px 0;
		}
		
		/* ----- * /Text * ----- */
		
		/* ----- * Images * ----- */
		
		img {
			border:0;
		}
		
		/* ----- * /Images * ----- */
		
		/* ----- * Links * ----- */
		
		a {

		}
		
		a:hover {

		}
		
		a:visited {
		
		}
		
		/* ----- * /Links * ----- */
			
		/* ----- * Forms * ----- */
		
		form fieldset.contact {
			border: none;
			margin-top: 15px;
		}
		
		form fieldset.contact label {
			float: left;
			width: 90px;
			margin-bottom: 10px;
		}
		
		form fieldset.contact div.floatR label {
			width: 70px;
		}
		
		form fieldset.contact option {
			padding-right: 10px;
		}
		
		form fieldset.contact .submit {
			margin: 15px 0 0 90px;
		}
		
		.textInput {

		}
		
		.submitInput {
		}
		
		.mandatory {
			color:#FF0000;
		}
		
		/* ----- * /Forms * ----- */
			
/* ----- * /Defaults * ----- */

/* ----- * Containers * ----- */

#global {
	width:950px;
	margin:0 auto;
	
	text-align:left;
}

/* ----- * /Containers * ----- */

/* ----- * Banner * ----- */

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

#logo {
	display:block;
	width:255px;
	height:30px;
	margin-top:39px;
}

#tools {
	position:absolute;
	right:0;
	top:0;
	
	padding:3px;
	
	background:#663333;
	color:#fff;
}

/* ----- * /Banner * ----- */

/* ----- * Menus * ----- */

	/* ----- * Main * ----- */

	#menuMain {
		margin-left:0px;
		margin-top:7px;
		height:20px;
	}

	#menuMain ul {
		list-style:none;
	}
	
	#menuMain ul li {
		display:inline;
	}

	#menuMain ul li a {
		float:left;
		color:#FFFFFF;
		height:10px;
		margin-right:20px;
		text-decoration:none;
		font-size:10px;
		text-transform:uppercase;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
}

	#menuMain ul li.menuOff a:hover {
		color:#54626d;

	}

	#menuMain ul li.menuOn a {
		color:#54626d;
	}

	/* ----- * /Main * ----- */

	/* ----- * Sub * ----- */

	#contentLeft ul {
		list-style: none;
		margin-left: 10px;
		margin-top: 15px;
		margin-right: 14px;
		border-bottom: 1px dotted #54626d;
	}
	
	#contentLeft ul li {
	}
	
	#contentLeft ul li a {
		border-top:1px dotted #54626d;
		width:155px;
		display:block;
		padding-top:6px;
		margin-bottom:5px;		
		
		text-decoration:none;
		text-transform:uppercase;
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#54626d;
	}
	
	#contentLeft ul li a:hover {
		color:#6c7d8a;
	}
	
	#contentLeft ul li.menuOn a {
		color:#778998;
	}
	
	#contentLeft div.menuBorder {
		width: 155px;
		height: 20px;
		padding-left: 10px;
	}

	/* ----- * /Sub * ----- */
	
/* ----- * /Menus * ----- */

/* ----- * Content * ----- */

#contenerAccroche {
		border-top:1px dotted #54626d;
		padding-top:50px;
		margin-top:14px;
	}

.titreAccroche {
		border-bottom:1px dotted #54626d;
		
		color:#1a96c7;
		font-weight:bold;
		font-size:1em;
	}
	
.texteAccroche {
		margin-top:-60px;
		padding:0px 10px;
		
		color:#f6f4f4;
		font-size:10px;
	}

.accrocheLeft {
		float:left;
		width:204px;
	}
	
.accrocheLeft a {
		font-size:10px;
		color:#FFFFFF;
	}


.accrocheRight {
		float:right;
		width:204px;
}

.accrocheRight a {
		font-size:10px;
		color:#FFFFFF;
	}

#imageRight a {
		padding-bottom:4px;
		padding-left:7px;
		position:absolute;
		
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		color:#1a96c7;
		
}

#contentRightAccroche {
		border-top:1px dotted #54626d;
	}

.newsTitle {
		padding-left:7px;
		padding-left:7px;
		margin-top:-1px;
		border-top:1px dotted #54626d;
		background-color:#FFFFFF;
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#54626d;
	}

#portal {
		position:absolute;
		top:50%;
		left:100px;
		margin-top:-42px;
		width:500px;
		height:85px;
	}

#portalButtons {
		margin-top:10px;
		margin-left:251px;
	}

#content {
	width:920px;
	border:15px solid #ffffff;
	background:#f6f4f4;
	margin-left:0px;
	min-height:500px;
		
	text-align:justify;
}

#contentLeft {
	float:left;
	width:180px;
}

#contentRight {
	float:right;
	width:260px;
	margin-top:10px;
	margin-left:10px;
	margin-right:15px;
}

#contentRight p {
	padding-left:7px;
	padding-left:7px;
}

#contentMain {
	overflow:hidden;
	
	padding:10px 20px;
}

/* ----- * /Content * ----- */

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

#footer {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	 /* Nécessite une correction pour IE < 7 */
}

#footer p {
	font-size:10px;
	margin:0;
	color:#FFFFFF;
}

#footer p a {
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
}

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